jquery - 使用 :eq 向所有元素添加类

Question

我想将“second-col”类添加到每行中的所有第二个 TD，但这不起作用：

$('table.tst3 tbody td:eq(1)').addClass('second-col');

Answer 1

使用nth-child' eq' 会将匹配的元素集缩减为单个元素

$('table.tst3 tbody td:nth-child(2)').addClass('second-col');

Answer 2

您还可以使用：

$('table.tst3 tbody td:odd').addClass('second-col');

或者

$('table.tst3 tbody td:even').addClass('second-col');

取决于您要选择的内容。

文档：

甚至

奇怪的

Answer 3

使用纯 CSS 选择：

    $('table.tst3 tbody td + td').addClass('second-col');

请注意，如果您有超过 2 列，则第二列之后的列也将被选中。因此，根据您的标记，这可能 - 或可能不相关：您需要使用另一个 jquery 操作（使用 td + td + td）覆盖这些附加列。但我想我会指出这种可能性。

Answer 4

尝试

$('table.tst3 tbody tr td:nth-child(2)').addClass('second-col');