Узнать количество скрытых строк в таблице

Я хочу подсчитать количество строк в моей таблице, которые не скрыты. Я могу сказать, скрыта ли строка, проверив стиль : <tr style="display: none; ">. Как вы вычисляете это с помощью jquery?

8
jquery jquery-selectors

5 ответов

вы можете использовать селектор :visible.

$('tr:visible').length;

вот скрипка, демонстрирующая это:

http://jsfiddle.net/cX6jb/

13

на :видимый селектор будет выбирать только видимые элементы.

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

демо jsFiddle

Если у вас уже есть переменная, которая содержит строки, вы можете также использовать filter метод.

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

Тада! Примечание: Visible-это селектор jQuery, поэтому гораздо быстрее получить ваши элементы с помощью действительного селектора css, а затем фильтровать их.

:видно

3

вероятно, есть более простой способ, но вы могли бы сделать это

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

пример:http://jsfiddle.net/YV3cy/

1

Если вы узнаете конкретную таблицу, сделайте это

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