突出顯示與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; 
} 

的問題是，你的偶數行的樣式將覆蓋高亮風格。所以你應該做的就是讓你的突出風格變得更重要。