使用jquery在表內選擇TR。

Question

我有表格場景中的表格。當我嘗試選擇使用 $("#table tr");的trs時，它也會從內部表中選擇所有tr。

如何從外表中選擇tr。

Answer 1

使用這個代替：

$('#table > tr'); // choose direct child tr nodes from table with id 'table' 

或者

$('#table > tbody > tr'); 

如果你有tbody元素。

這裏是鏈接jQuery的文檔：http://api.jquery.com/child-selector/

Answer 2

，如果你有一個頁面多個表，給他們班，這樣你就不必去通過這個每個其他時間..

例如

$('.mytable > tr') 

HTML

<table class="mytable"> 
    <tr> 
    <td>...</td> 
    </tr> 
</table> 

Answer 3

直觀地看，好像

$('table.top > tr'); 

就足夠了。但是，你不能保證它會。某些瀏覽器隱式插入tbody元素作爲所有tr的父項。這是HTML標準的某些版本在技術上需要的。然而，並非所有的瀏覽器都這樣做。爲了安全，你應該這樣做：

$('table.top > tr, table.top > thead > tr, table.top > tbody > tr'); 

有點冗長，但更有可能在更多情況下工作。

Answer 4

沒錯：

$('#table > tr'); 

而且，如果你正在風格的變化，請確保您先基本樣式設置爲所有的錶行（或專門針對內表）。

例如，如果您執行$("#table > tr").css("background-color", "orange");，則內部表也將變爲橙色，因爲通過CSS屬性它們會繼承它們的父級樣式。

設置基本顏色爲所有錶行第一：

tr { 
background-color: white; 
} 

Answer 5

有在表體兩種方法來selecting direct children使用jQuery：

var rows = $('#table > tbody > tr'); 

或

var rows = $('#table').children('tbody').children('tr'); 

tbody元素是DOM中的created automatically（也在過時的IE5.5中），即使它不是用HTML編寫的。
使用jQuery的child selector比.children() method更具可讀性和a bit faster。