jquery - 追加后的jQuery表css更新

Question

这是我的问题，我认为不需要代码示例：

我有一个 HTML 表格，第一行包含标题<th>，用于在点击时对整个表格进行排序，并在点击列下的数据上进行排序。

长话短说，我处理表格内容的方式是首先删除除第一行之外的所有内容，然后通过我的 JavaScript 脚本重新填充它，这给了我一个大的编译字符串，即新的 HTML，它被附加到表中。

我重新分配了事件侦听器和所有，这就像一个魅力，但表格单元格着色 CSS 没有更新。我有以下代码设置每个奇数行单元格的背景：

table tr:nth-child(2n) td:not(:first-child) {
   background-color: white !important;
}

有没有办法更新表格 CSS 着色（!important不起作用）？我也尝试过完全移除表格并重新生成它，但没有运气。

Answer 1

为什么不尝试使用 jQuery 而不是 CSS？最好避免使用“！important”。

$("tr:even td").css("background-color", "white");
$("tr:odd td").css("background-color", "none");
$("tr:first-child td").css("background-color", "none");