Sử dụng jQuery để thêm lớp để TD đầu tiên trên mỗi dòng của bảng

Question

Tôi có một bảng Tôi đang làm việc với điều đó cũng giống như ví dụ:

<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> 

Thẻ TD đầu tiên trong mỗi hàng không có một lớp hoặc ID để làm việc với. Tôi không có quyền truy cập để thay đổi đầu ra HTML vì vậy tôi đã tìm thêm một chút jQuery để nhắm mục tiêu thẻ TD đầu tiên của mỗi tablerow. Làm thế nào tôi sẽ làm điều này?

Answer 1

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

này sử dụng the first-child selector để chọn tất cả <td> nguyên tố trong bảng #tablecontent đó là một first-child của cha mẹ .

Ví dụ:http://jsfiddle.net/duKKC/

Answer 2

Bạn có thể thử dưới đây jQuery

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

này sẽ giải quyết vấn đề của bạn :)

Answer 3

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

Answer 4

Tôi tin rằng đây sẽ làm việc:

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

Answer 5

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