javascript - 对 HTML 表中的过滤结果进行计数

Question

我有一个过滤器，作用于充满来自 Mongo 的数据的表。过滤器本身不以任何方式连接到 Mongo，它基本上只是根据匹配的文本对当前 View 中显示的内容进行排序。我还统计了从数据库返回的与上一页的先前搜索条件相匹配的结果。我现在希望能够在过滤结果时重新计算结果。到目前为止，这是我的 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 可以做到这一点吗？

Answer 1

改变

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

至

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

仅计算可见的表格主体。