选中复选框后,我尝试使用jQuery突出显示表中的行。使用这个jQuery代码。
$(":checkbox").change(function() {
$(this).closest("tr").toggleClass("highlight", this.checked);
});
我只对备用行正确。我使用以下CSS来设置表格中的备用行的样式。
.tables tbody tr:nth-child(2n){
background-color:#F9F9F9;
}
如何突出偶数行呢?
答案 0 :(得分:1)
只需将此样式添加到您的css文件
即可.tables tr.highlight td {
background-color: #FFF9DC;
}
问题是偶数行样式会覆盖突出显示样式。所以你应该做的就是让你的高光风格更重要。