Jquery 删除表行,但保留CSS备用行格式

Jquery 删除表行,但保留CSS备用行格式,jquery,css,Jquery,Css,所以我有一个表格,它有一个交替的行格式(比如说灰色和白色)。我使用tr.remove()jquery函数删除一行,当然,它上面/下面的行的css不会改变,它们将保持奇数/偶数样式。基本上: Before Deletion After Deletion grey grey white white grey white white gr

所以我有一个表格,它有一个交替的行格式(比如说灰色和白色)。我使用tr.remove()jquery函数删除一行,当然,它上面/下面的行的css不会改变,它们将保持奇数/偶数样式。基本上:

Before Deletion         After Deletion

grey                    grey
white                   white
grey                    white
white                   grey
grey
有没有办法快速强制表格“刷新”样式?或者我必须使用jquery手动应用它们吗


非常感谢

因此,使用CSS进行样式设置,而不是使用奇数/偶数类/硬编码值

document.querySelector(“tbody”).addEventListener(“单击”,函数(e){
var td=e.target,
tr=td.parentNode;
tr.parentNode.removeChild(tr);
});
tr:n个子项(偶数){
背景色:#FFF;
}
tr:n个孩子(奇数){
背景色:#CCC;
}

1.
2.
3.
4.
5.
6.

因此,使用CSS进行样式设置,而不是使用奇数/偶数类/硬编码值

document.querySelector(“tbody”).addEventListener(“单击”,函数(e){
var td=e.target,
tr=td.parentNode;
tr.parentNode.removeChild(tr);
});
tr:n个子项(偶数){
背景色:#FFF;
}
tr:n个孩子(奇数){
背景色:#CCC;
}

1.
2.
3.
4.
5.
6.

@Singh,您使用的是什么浏览器,但它不工作?演示只是一个演示,CSS才是真正重要的。我没有使JS部分变得友好。在Chrome和Firefox中,当你点击数字时,我可以很好地工作。我使用的是Firefox最新版本version@Singh您使用的是什么浏览器,但它不工作?演示只是一个演示,CSS才是真正重要的。我没有使JS部分变得友好。在Chrome和Firefox中,当你点击数字时,我可以正常工作。我使用的是Firefox的最新版本。这个答案不是你想要的。对不起,巴德,但它是。等等,事实上我并不抱歉,但我很感激=)再次查看答案并与问题进行比较。这两方面都缺少什么?这个答案不是你想要的。对不起,巴德,但它是。等等,事实上我并不抱歉,但我很感激=)再次查看答案并与问题进行比较。两者都缺少什么?