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

Question

我制作了一个带搜索功能的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;

Working Demo

Answer 2

将rowCount更改为以下内容：

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

Answer 3

您只需计算可见行数：

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