计数HTML表中筛选的结果

Count Filtered Results from HTML Table

本文关键字：结果 筛选 HTML 计数      更新时间：2023-09-26

我有一个过滤器，它作用于一个充满来自Mongo的数据的表。过滤器本身并没有以任何方式连接到Mongo，它基本上只是根据匹配的文本对当前视图中显示的内容进行排序。我还有一个从数据库返回的结果计数，与上一页的先前搜索条件相匹配。我现在希望能够在过滤结果时重新计数。到目前为止，这是我的JavaScript。。。

$(document).ready(function(){
   (function($) {
      $('#filter').keyup(function() {
          var rex = new RegExp($(this).val(), 'i');
          $('tbody.searchable').hide();
          $('tbody.searchable').filter(function() {
            return rex.test($(this).text());
          }).show();
            var x = $('tbody').length;  //'tbody' needs to be changed to the current body display after being filtered
            document.getElementById("demo").innerHTML = x;
          })
          $('tbody').on("click", function() {
            if($(this).data('href') !== undefined){
              document.location = $(this).data('href');
            }
         });
       }(jQuery));
     });

截至目前，过滤器将返回tr的总量。但是，我想将其更改为仅显示正在显示的内容。只需要JS和jQuery就可以做到这一点吗？

更改

var x = $('tbody').length;

至

var x = $('tbody.searchable:visible').length;

只计算可见的表体。

相关文章：