如何将样式应用于表中的偶数行或奇数行？

Question

我想将样式应用于表格的偶数/奇数行，我知道它的超级简单与CSS和jQuery。但我试图将该表放入Windows小工具中，而下面的这段代码仅适用于浏览器而不是该小工具。

table.data-Tables tbody tr:nth-child(even){ 
    background-image: none; 
    background:#ECF0F1; 
} 

上面的代码我有CSS不工作，CSS试图做的作品，但CSS的一些代码不上的小工具工作，可能是新的CSS不是通过小工具.. 接受但无论如何，如果CSS做不工作，然后我想尝试JavaScript。 任何人都可以在java脚本中添加一些样式到偶数行。

表：

<table class="data-Tables" cellpadding=0 cellspacing=0 border=0> 
    <thead> 
    <tr> 
    <th>Room</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
    <td>Admin Room No: 36</td> 
    </tr> 
    <tr> 
    <td>Director Room No: 36</td> 
    </tr> 
    </tbody> 
</table> 

Answer 1

您可以通过行迭代，并添加一个类，只是偶的。如果他们没有任何其他类的价值，那么：

function addClassToEvenRows(table) { 
    var rows = table.rows; 
    for (var i=0, iLen=rows.length; i<iLen; i++) { 
    rows[i].className = i%2? '' : 'even'; 
    } 
} 

将做的伎俩。如果可能有其他类别值，则：

function addClassToEvenRows(table) { 
    var rows = table.rows; 
    var className; 

    for (var i=0, iLen=rows.length; i<iLen; i++) { 
    if ((i + 1)%2) { 
     rows[i].className += (rows[i].className.length? ' ' : '') + even; 
    } 
    } 
}