Question

我正在尝试javascript交替行颜色。以下内容适用于Chrome，Safari和IE，但不适用于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>

我试过在这里重新创建问题 - ＆gt; http://jsfiddle.net/FH8Qe/2/

感谢。

Answer 1

你总是可以使用CSS而不是jQuery，nth child做得很好。：nth-child（2n + 2）将从第二个开始选择彼此，或者：nth-child（2n + 1）将从第一个开始选择每个其他开始。

Answer 2

找到了一个干扰的插件。叹息

如何在Firefox中使用交替的行颜色（隐藏行）？

2 个答案: