jquery - [クイック検索]表示される行数を確認するにはどうすればよいですか？

Question

TableSorterおよびQuickSearchプラグインでjQueryを使用しています。これらは正常に機能します。

どうやって：

1. 表示された各行の行番号を動的に表示しますか？

2. 私のページのどこかに、表示された行の総数を表示しますか？

Answer 1

 $('tr:visible').length

ページに表示されている行の数を教えてください。

次のようなもの：

 var rowCount = $('tr:visible').length;
 $('#rowCountDiv').html(rowCount + "rows");

IDを使用してページのdivに番号を書き込みますrowCountDiv

Answer 2

これが正しい答えです。PHPでは、次のようなものを使用します。

echo "Dynamic count: <p id=\"count\"></p>";

次に、quickSearchでonAfter関数を追加します。

onAfter: function() {
    document.getElementById("count").innerHTML=($('tr:visible').length-1);
}

出来上がり！これで、テーブルが検索されるたびに更新される動的カウントができました。