jquery - [快速搜索] 如何确定显示的行数？

Question

我将 jQuery 与 TableSorter 和 QuickSearch 插件一起使用。这些工作正常。

我怎样才能：

1. 动态显示每个显示行的行号？

2. 在我页面的某处，显示显示的总行数？

Answer 1

 $('tr:visible').length

你会给出页面上可见的行数吗？

类似于以下内容：

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

会将数字写到您页面上的 div 中，id 为rowCountDiv

Answer 2

这是正确的答案。在 PHP 中使用这样的东西：

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

然后在 quickSearch 添加一个 onAfter 函数。

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

瞧！现在，您有了一个动态计数，该动态计数会在搜索表时更新。