javascript - jQuery/CSS:将类分配给表取决于它们的顺序

这个问题已经在这里有了答案：
                            
                        
                    
                
                                7年前关闭。
            
                    
我有这张桌子：

<tbody>
<tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
</tr>

<tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
</tr>

<tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
</tr>

<tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
</tr>

...
</tbody>

而且一直在继续...
我想在文档上准备添加奇数类，甚至取决于它们的位置。要结束这样的事情：

<tbody>
    <tr class="odd">
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>

    <tr class="even">
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>

    <tr class="odd">
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>

    <tr class="even">
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>

    ...
    </tbody>

如何做到这一点？我是否必须计算我有多少张桌子并添加类取决于它们的位置？对我来说，这听起来不安全/正确。

最佳答案

如果您不需要纯CSS解决方案，请使用jQUery并使用:odd / :even选择器。否则，Sirko的解决方案会更好。 （请注意，nth-child方法无法在IE8及更低版本上运行）

​$("table tr:odd").addClass("odd");
​$("table tr:even").addClass("even");