jquery每隔一行突出显示一次表

大家好，我刚开始使用jquery，我想知道如何解决这个问题：

我试图通过单击复选框来突出显示表中的每一行，除了只突出显示第二行之外，一切都很好

    $('tr').on('click',':checkbox', function () {
            if($(this).is(':checked')) {
                $(this).closest('tr').addClass('highlighted');   
            } else {
              $(this).closest('tr').removeClass('highlighted');    
            }

我发现了附加的css链接 导致这个问题。不幸的是，我不能忽视它。 我也尝试过切换课堂，但没有成功

---

如何使用上述css文件突出显示表中的每个选中行？

您能否发布css样式表中可能影响页面上行呈现的所有规则

如果您有一些代码为每行提供了一个

偶数/奇数

类，使

突出显示

规则比

偶数/奇数

规则优先级更高的一种方法是指定它两次，例如：

//replace
tr.highlighted { background-color: purple }

//with
tr.even.highlighted, tr.odd.highlighted { background-color: purple }

---

它看起来像纯api，具有更高的优先级规则

。纯表条带化tr:nth child（2n-1）td{}

正在设置背景色，因此您的规则被该规则覆盖。解决办法是像这样微调规则

.highlighted, .pure-table-striped tr.highlighted td {
    background-color: rgba(0, 255, 0, 0.7);
}

---

演示：

您能否共享与突出显示的

关联的css规则参见。突出显示的{背景色：rgba（0255,0,0.7）；}-这会导致问题参见