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

Question

我有一个表格，其中包含由第 n 类生成的交替颜色行。我希望能够单击它们以通过更改其类来更改背景颜色。这在没有第 n 个 child 的情况下有效，但我需要让它们交替使用颜色。这会更改字体颜色，但不会覆盖第 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

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