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> 

（它可能会或不会包含范围attribs或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)）如果你只想做一个或另一个。如果您想要选择其他列，请改为使用2n+1。

Answer 2

编辑：更新以解决我对该问题的误读。

这应该工作：

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

或

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