jquery - 表の行を削除した後の表の行の強調表示

Question

行を削除した後、テーブル内のすべての偶数行を強調表示しようとしています。tr は削除されますが、再強調表示は機能しません (強調表示された 2 つの行がまとめて表示されます)。これが私のコードです。

$( "#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 の遅延機能を使用するのが理想的だと思います。

Answer 2

IE < 9 をサポートしなくてもかまわず、CSS3 がオプションである場合は、nth-child疑似クラスを使用して問題を完全に回避できます。

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

s を削除trしても、疑似クラスのアプリケーションには影響しません: http://jsfiddle.net/axWYj/