2011-01-20 104 views
0

我想在刪除行後突出顯示錶格中的所有偶數行。該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"); 

任何想法?

+0

您的代碼是否與此類似?我認爲.remove()應該是以串行方式工作的,因此不需要回調。 – ash 2011-01-20 19:04:13

回答

1

我認爲使用JQuery的delay函數非常適合您的情況。

0

如果你不介意不支持IE < 9和CSS3是一個選項,你可以使用nth-child僞類和完全避免的問題:

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

刪除tr s不影響僞類的應用:http://jsfiddle.net/axWYj/