获取表中非隐藏行的数量

Question

我想计算表格中未隐藏的行数。我可以通过检查tr属性的样式来判断是否隐藏了行：<tr style="display: none; ">。你如何使用jquery计算这个？

Answer 1

你可以使用：visible选择器。

$('tr:visible').length;

这是一个证明这一点的小提琴：

http://jsfiddle.net/cX6jb/

Answer 2

:visible selector只会选择可见的项目。

var count = $('#your-table tr:visible').length;

jsFiddle Demo

如果您已有一个包含行的变量，您还可以使用filter方法。

var $rows = $('#your-table tr'),
    visibleCount = $rows.filter(':visible').length;

Answer 3

$('tr').filter(':visible').length

多田！注意：Visible是一个jQuery选择器，所以使用有效的css选择器然后过滤它们会快得多。

:visible

Answer 4

可能有一种更简单的方法，但你可以这样做

var a = $('tr').length;
var b = $('tr[style="display:none;"]').length;
alert(a - b);

示例：http://jsfiddle.net/YV3cy/

Answer 5

如果您发现特定的表格，请执行此操作

$("#tableid tr:visible").length