jquery - 非表示にした後のテーブル行の表示方法

Question

私は大きなテーブルを持っており、ユーザーが多くの複雑なルールに基づいて行を非表示にできるようにしています。また、すべての行を再び表示するための「リセット」ボタンがありますが、実行速度が非常に遅くなります。

$('#myTable tbody tr').show('fast');

Q：以前にhideメソッドで非表示にされたテーブル行をすばやく表示する方法はありますか？

おそらく、代わりにclass="hide"とremoveClassを追加する必要があります。

Answer 1

セット全体ではなく、非表示になっているものを表示したいだけです。また、trの直接tbodyの子である場合は、子セレクターを使用する方が速いので、これを試してください。

$('#myTable tbody > tr:hidden').show('fast');

それを試した後でもまだ遅い場合は、ビューポートプラグインを使用して、実際に画面に表示されているものだけをアニメーション化することができます。

$('#myTable tbody > tr:hidden').filter(":in-viewport").show('fast', function() {
   $('#myTable tbody > tr:hidden').show();//show rest tr's that are out of viewport
});

更新：
直接の子セレクターを追加するように更新されました。