jQuery：突出显示偶数列（而不是行）

Question

如何使用 jQuery 对偶数（或奇数）表列进行着色？ （无需手动添加类）

我的标记是：（

<table>
   <caption>Table caption</caption>
   <thead>
   <tr><th scope="col">Table header 1</th><th scope="col">Table header 2</th><th scope="col">Table header 3</th><th scope="col">Table header 3</th></tr>
   </thead>
   <tbody>

        <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr>
        <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr>
        <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr>

        <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr>
   </tbody>
</table>

它可能包含也可能不包含范围属性或 th 标签）

Answer 1

您可以使用 :nth-child() 选择器为此：

$('table tr :nth-child(2n)').css('background-color', '#eee');

您可以在此处查看演示，此版本执行列，无论单元格是否为 或 如果您愿意，您可以在其中添加它（例如 td:nth-child(2n)）只有其中之一。如果您想选择其他列，只需执行2n+1即可。

Answer 2

编辑：更新以纠正我对问题的误读。

这应该有效：

$('tr > :nth-child(even)').css('background-color','#eee');

或

$('tr > :nth-child(odd)').css('background-color','#eee');