突出显示与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; 
} 

的问题是，你的偶数行的样式将覆盖高亮风格。所以你应该做的就是让你的突出风格变得更重要。