2013-03-08 58 views
0

顯示它也許這是簡單的東西,但試錯和搜索我找不到任何的一個小時之後。基本上我有一個表,每個<td>中有一個<span>id每個中有一個號碼,你猜對了,這個月的日子。基本上當<td>被點擊我要搶這個數字,而在另一個<span>一個class據我所知jQuery的IM適當做這件事的顯示。然而在本地我得到的結果:得到一個跨度的HTML和anothers使用jQuery

[object Object] 

這顯然不是一個數字。我試圖重建它在jsfiddle但的onclick給我什麼。

HTML:

<table> 
    <tr> 
     <td> 
      <span id = "day">3</span> 
     </td> 

     <td> 
      <span id = "day">8</span> 
     </td> 
    </tr> 
</table> 

<span class = "thedate"> 
    test 
</span> 

的jQuery:

$('td').click(function(){ 
     var date = $('this').text('#day'); 
     $('.thedate').html(''+date+''); 
    }); 

什麼想法?

+3

兩個HTML元素不能有相同的ID。 – Neob91 2013-03-08 19:37:06

+0

@尼克說明明確不允許重複的ID – 2013-03-08 19:39:38

+0

@尼克它*必須*是唯一的ID,非唯一ID是無效的HTML。 – Chad 2013-03-08 19:49:54

回答

2

1)你忘了裝載jQuery的你的小提琴,

2)要設置在該行的文本,因此,返回值是原來的jQuery對象。

3)$('this')將選擇任何所謂this HTML元素,比如<this />你想$(this)

嘗試:

$('td').click(function(){ 
    var date = $(this).find('span').text(); 
    $('.thedate').html(''+date+''); 
}); 

工作的jsfiddle:http://jsfiddle.net/THUtq/5/

+1

你是一位聖人和一位學者。 – Nick 2013-03-08 19:41:33

相關問題