删除表格行后突出显示表格行

Question

我试图在删除行后突出显示表中的所有偶数行。 tr被删除但重新突出显示不起作用（我得到两行突出显示）。这是我的代码;

$( "#tr_id" ).remove();

// re-highlight table rows 
$("#table_id" ).removeClass("highlight");
$("#table_id tbody tr:even" ).addClass("highlight");

但是，如果我添加一个警报或某些东西来减慢删除和突出显示它之间的执行效果。

$( "#tr_id" ).remove();

alert( 'slow execution' );

// re-highlight table rows 
$("#table_id" ).removeClass("highlight");
$("#table_id tbody tr:even" ).addClass("highlight");

有什么想法吗？

Answer 1

我认为使用JQuery的delay函数非常适合您的情况。

Answer 2

如果您不介意不支持IE＆lt; 9和CSS3是一个选项，你可以使用nth-child伪类并完全避免这个问题：

#table_id tbody tr:nth-child(even) { background-color: yellow; }

删除tr不会影响伪类的应用：http://jsfiddle.net/axWYj/