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/