使用 jQuery 为表的第二列添加类

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

直播： http://jsfiddle.net/zCduV/1/

如何我可以使用 jQuery 添加类 .red 作为此表中的第二列（在本例中，这是 td 中 ccc 的位置）？

Answer 1

这也许？

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

通过使用 jQuery nth-child 选择器：

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

参考：http://api.jquery.com/nth -子选择器/

Answer 3

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

Answer 4

看一下 jQuery nth-child-selector。这就是您正在寻找的。

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

Answer 5

此解决方案的示例。