如何將樣式應用於表中的偶數行或奇數行？

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; 
    } 
    } 
}