使用jQuery類添加到首個TD上的每個錶行

Question

我有一個表，我與工作就像這樣：

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tablecontent"> 
    <tr class="tablerow"> 
    <td>This is the td I want to add a class to.</td> 
    <td class="cell2">Stuff</td> 
    <td class="cell3">Stuff</td> 
    </tr> 
    <tr class="tablerow"> 
    <td>This is the td I want to add a class to.</td> 
    <td class="cell2">Stuff</td> 
    <td class="cell3">Stuff</td> 
    </tr> 
</table> 

每一行的第一個TD標記沒有一個類或ID跟...共事。我沒有權限更改HTML輸出，因此我想添加一些jQuery來定位每個表格的第一個TD標籤。我將如何做到這一點？

Answer 1

$('#tablecontent td:first-child').addClass('someClass'); 

這使用the first-child selector以選擇#tablecontent表中的所有元素<td>是其母公司的first-child 。

例子：http://jsfiddle.net/duKKC/

Answer 2

你可以試試下面的jQuery

$('.tablerow').each(function(index) { 
    $(this).children('td').first().addClass('class'); 
}); 

這將解決你的問題:)

Answer 3

$(".tablerow").find("td:first-child").addClass('class'); 

Answer 4

我相信以下將工作：

$('.tablerow td:first-child').addClass('class'); 

Answer 5

$('#tablecontent td:first-child').addClass("first-row");