javascript - 如何在选择和突出显示时重置表格行颜色时在 javascript 中处理第 n 个选择器

Question

选择一行更改颜色后，是否可以重置具有偶数行、奇数行的表？jQuery 不是一个选项。

我希望这样的事情能够奏效。

.MyTable tr:nth-child(even) {background: gray}
.MyTable tr:nth-child(odd) {background: darkgray}
.bgYellow
{
  background-color:yellow;
} 


    var rows = selectedRow.parentNode.parentNode.rows;
    for(var i = 1; i < rows.length; i++)
    {
      rows[i].className = (i % 2 == 0) ? 'even' : 'odd';
    }
    selectedRow.removeAttribute('class');
    selectedRow.className = 'bgYellow';

Answer 1

选择nth-child器比 具有更多的特异性.bgYellow，因此即使一行有一个类.bgYellow，它也会从其中一个选择器中获取其背景nth-child。

只要给它更多的特异性，tr.bgYellow就足够了：http: //jsfiddle.net/Ya4G7/2/