附加后jQuery表css更新

时间:2013-04-28 16:25:58

标签: jquery dom append html-table

这是我的问题,我认为不需要代码示例:

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

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

我重新分配事件监听器和所有,并且它就像一个魅力,但表单元格着色CSS不会更新。我有以下代码设置每个奇数行单元格的背景:

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

有没有办法更新表格CSS着色(!important不起作用)?我也试过完全删除表并重新生成它,没有运气。

1 个答案:

答案 0 :(得分:0)

为什么不尝试使用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");