如何计算搜索中匹配结果的数量 table

Question

我做了一个HTMLtable带搜索功能。我想在搜索时显示匹配结果金额，在搜索字段为空时显示总金额。我尝试使用 .length 但它计算了所有包含隐藏行的行。

如何只计算显示的行数？

jsfiddle

我目前正在使用此代码：

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

提前致谢。

Answer 1

将您的 rowCount 更改为如下内容：

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

Answer 2

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

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

Working Demo

Answer 3

您只需要计算可见行数：

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