如何在Firefox中使用交替行顏色（隱藏行）？

我正在嘗試JavaScript交替行顏色。以下內容適用於Chrome，Safari和IE，但不適用於Firefox。如何在Firefox中使用交替行顏色（隱藏行）？

<table> 
    <tr> 
     <td>Title 1</td> 
     <td>Title 2</td> 
    </tr> 
    <tr> 
     <td>Text1</td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr style="display:none;"> 
     <td>Text2</td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
     <td>Text3</td> 
     <td><input type="checkbox" /></td> 
    </tr> 
</table> 

<script> 
    $('tr:visible').filter(':odd').css({'background-color': '#ddd'}); 
    $('tr:visible').filter(':even').css({'background-color': '#ccc'}); 
</script>

我試圖在這裏重建的問題 - >http://jsfiddle.net/FH8Qe/2/

感謝。

來源

2013-05-01 Mike

在Firefox中適合我。順便說一句，你可以縮短你的jQuery到'$（'tr：visible：odd'）。css（'background-color'，'＃ddd'）; $（'tr：visible：even'）。css（'background-color '，'＃ccc'）;' – j08691 2013-05-01 15:30:38

Yup在Firefox中看起來也很好。 – Pointy 2013-05-01 15:31:02

嗯，奇怪。你們是否使用Firefox 20？ – Mike 2013-05-01 15:35:57

您可以隨時使用CSS而不是jQuery，第n個孩子可以很好地使用CSS。：第n個孩子（2n + 2）將從第2個開始選擇每一個其他孩子，或者：第n個孩子（2n + 1）將從第一個開始選擇每一個其他開始。

來源

2013-05-01 15:35:53 mchlndrw

問題是他想在行被隱藏時調整條紋。 – Pointy 2013-05-01 15:36:45

發現了一個內疚的插件。嘆息

來源

2013-05-01 16:06:01 Mike

如何在Firefox中使用交替行顏色（隱藏行）？

回答

相關問題