如何计算搜索表上匹配结果的数量

我制作了一个带搜索function的HTML表格。 我想在搜索时显示匹配结果金额，以及搜索字段为空时的总金额。 我尝试使用.length但它计算了所有包含隐藏的行。

我怎样才能只计算显示的行？

的jsfiddle

我目前正在使用此代码：

 //testing: count number of results var rowCount = $('#search-table >tbody >tr').length; document.getElementById('count').innerHTML = rowCount; 

先感谢您。

Answer 1

您需要在搜索后找到仅可见tr元素的长度。 你可以使用:visible或:not(:hidden)选择器来实现这个目的：

 var rowCount = $('#search-table >tbody >tr:visible').length; 

工作演示

Answer 2

将rowCount更改为以下内容：

var rowCount = $('#search-table >tbody >tr:visible').length;

Answer 3

您只需要计算可见行：

 var rowCount = $('#search-table >tbody >tr:visible').length;