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');