2011-08-04 35 views
1

下面是表的一部分,如何選擇<tr>的所有第一個​​?

<tbody id="list_tbody"> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr class="infoRow"> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</tbody> 

標籤繼續...... 這是我的jQuery代碼:

$("tr.infoRow td:eq(0)").css("border-left", "1px solid #d0d0d0"); 

如何選擇所有第一<td>是所有裏面<tr>?在我目前的代碼中,它只會選擇第一個<tr>的第一個<td>。請更正我的jQuery代碼,謝謝。

回答

6
$("tr.infoRow td:first-child").css("border-left", "1px solid #d0d0d0"); 
+0

酷,謝謝! – Ryan

3

試試這個

$("tr.infoRow td::nth-child(1)").css("border-left", "1px solid #d0d0d0"); 

注:第n個孩子是1索引,以便你可以通過一些其他的號碼,如果要選擇任何其他列。

+1

'nnth-child'是1索引。 – Mrchief

+0

感謝您的投票,我糾正了它。 – ShankarSangoli

+0

而且關掉了! – Mrchief

1
alert($('table tr td:nth-child(n)').size()). It should show you '3'. 

我認爲你需要改變'n'爲0或1.我不記得了。檢查jQuery的文檔的第n個智

2

您可以使用太多選擇nth-child

$("tr.infoRow td:nth-child(1)").css("border-left", "1px solid #d0d0d0"); 
相關問題