在复选框选择上使用 jQuery 突出显示行

Question

当复选框被选中时，我尝试使用 jQuery 突出显示表格中的行。用这个 jQuery 代码做同样的事情。

$(":checkbox").change(function() {
    $(this).closest("tr").toggleClass("highlight", this.checked);
});

我只对备用行进行了正确处理。我使用以下 CSS 来设置表格中的备用行的样式。

.tables tbody tr:nth-child(2n){
    background-color:#F9F9F9;
}

如何也突出显示偶数行？

Answer 1

只需将此样式添加到您的 css 文件中

.tables tr.highlight td {
  background-color: #FFF9DC;
}

问题是您的偶数行样式会覆盖高亮样式。所以你应该做的就是让你的高亮风格更重要。