jquery - 在 nth-child 创建 CSS 后更改它？

Question

我有一个表，其中包含由 nth-class 生成的交替颜色行。我希望能够单击它们以通过更改其类来更改背景颜色。这在没有第 n 个孩子的情况下有效，但我需要让它们交替颜色。这会更改字体颜色，但不会覆盖第 n 个孩子的背景颜色。

行 CSS：

#messageLogTable tr:nth-child(odd):not([class=highlightNewInfoRow]):not([class=tableHeader]):not([class=clickedRow]) {
background-color:#DEDDCD;
}
#messageLogTable tr:nth-child(even):not([class=highlightNewInfoRow]):not([class=clickedRow]) {
background-color:#D0CFB9;
}

我尝试用 jQuery 改变它：

$('#'+entryId).removeClass('highlightClickableRow');
$('#'+entryId).addClass('clickedRow');

.clickedRow CSS：

.clickedRow {
background-color:#446121;
color:white;
cursor:pointer;
}

Answer 1

我想到了。我将添加的类的 CSS 更改为背景：-webkit-linear-gradient 不会改变颜色。它工作正常。

Answer 2

jQuery API 文档在http://api.jquery.com/even-selector/几乎包含了这个确切的示例。