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() selector：

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

You can see a demo here，此版本执行列，无论单元格是<th> 还是<td>，如果您只想执行其中一个，您可以在其中添加它（例如td:nth-child(2n)）。如果您想选择 other 列，只需执行 2n+1 即可。 ​

Answer 2

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

这应该可行：

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

或

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