2015-06-02 25 views
2

我已經得到了下面的代碼:如何使用jQuery從幾個​​獲得​​之一的值?

<tr> 
    <td id='type'> Type name </td> 
    <td id='number'> 102030 </td> 
    <td id='software'> 1.0-Alpha </td> 
</tr> 

我需要得到TD的值id爲「數字」。 我用下面的代碼,現在和它的工作原理:

$('tbody tr').click(function() { 
    var tdNumber = $(this).find('td:nth-child(2)').html(); 
}); 

但我不想通過子元素找到,但通過ID。我怎樣才能做到這一點?

+2

如果是ID,使用$( 「#號」)文本() –

回答

1

看起來你有這樣多行如果是這樣

<tr> 
    <td class='type'> Type name </td> 
    <td class='number'> 102030 </td> 
    <td class='software'> 1.0-Alpha </td> 
</tr> 

$('tbody tr').click(function() { 
    var tdNumber = $(this).find('.number').html(); 
}) 

否則(即你只有一個具有給定ID的元素),那麼你可以使用ID選擇器作爲元素的ID必須是單一的闕

var tdNumber = $('#number').html(); 
+0

親切改變這一行,如:$(本).find( '#號')HTML()。 –

+0

謝謝Arun,你也是對的,但jQueryKing是第一個。 – JEYCDEE

+0

@JEYCDEE no ...你不應該使用它,因爲元素的ID必須是唯一的......你應該改變你的代碼來使用類或其他選擇器... –

2

爲目標ID,只需使用#

$('#number').html(); 

這將搜索整個document一個元素與id="number"

1

你錯過了在你的代碼右大括號。 。

$('tbody tr').click(function() { 
     var tdNumber = $(this).find('td:nth-child(2)').html(); 
    }); 
//---^ 
+0

謝謝,它的工作原理。很簡單。問題是我試圖將第n個元素改爲td的id,但它對我沒有任何作用。現在我看到我的錯誤在哪裏。 – JEYCDEE

+0

@JEYCDEE - 很高興爲您效勞 –

+0

@JqueryKing請不要將OP指向錯誤的方向,Id應該是唯一的。 –