Thêm lớp với jQuery cho cột thứ hai của bảng

Question

<table> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
</table> 

table td { 
    background-color: green; 
    padding: 5px; 
    border: 1px solid blue; 
} 

.red { 
    background-color: red; 
} 

LIVE:http://jsfiddle.net/zCduV/1/

Làm thế nào tôi có thể thêm lớp .red với jQuery cho cột thứ hai trong bảng này (trong ví dụ này là có nơi nào trên td là ccc)?

Answer 1

Điều này có thể?

// selects both table header and table data cells from the second column of the table 
$('table th:nth-child(2), table td:nth-child(2)').addClass('red'); 

http://jsfiddle.net/tdTkQ/

Answer 2

Bằng cách sử dụng bộ chọn thứ n con jQuery:

$('td:nth-child(2)').addClass('red'); 

tham khảo: http://api.jquery.com/nth-child-selector/

Answer 3

Hãy xem jQuery nth-child-selector. Đây là những gì bạn đang tìm kiếm.

$('td:nth-child(2)').addClass('red'); 

Answer 4

Example của giải pháp này.

Answer 5

$('td:nth-child(2)').addClass('red');