获取表中非隐藏行的数量

ale*_*ale 8 jquery jquery-selectors

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

Pat*_*cia 13

你可以使用:visible选择器.

$('tr:visible').length;
Run Code Online (Sandbox Code Playgroud)

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

http://jsfiddle.net/cX6jb/


kap*_*apa 5

:可见选择只能选择可见的项目.

var count = $('#your-table tr:visible').length;
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示

如果您已有一个包含行的变量,则还可以使用该filter方法.

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