jquery - TR 与 TD 数量不等的交替背景色

Question

我正在尝试为每个 . 我知道我可以使用:

tr:nth-child(even) {
    background-color: #000000;
}

如another stack question says但是，只有当我们有相同数量的 <td> 时，这才有效。 s，但如果我们有不同的数量，我们不会有一个完整的彩色行，但它会停止到最后一个 td。

有没有办法我可以只使用 css 或任何 jQuery 来做到这一点？

Answer 1

您可以为每一行分配一个类。如果您动态生成表格，这应该非常简单。

<style>
    .rowOdd { background: #C0C0C0; }
    .rowEven { background: #CACACA; }
</style>

<table>
    <tr class="rowOdd">
    (...)
    </tr>
    <tr class="rowEven">      
    (...)
    </tr>
 </table>

等等...或者，如果您的布局确实很复杂(有很多合并的单元格)，那么您可以分别向每个 td 添加类似的类，而不是 tr。