Question

我使用show()和hide()来显示和隐藏表格中的行。

我如何计算非隐藏行数（更准确地说，display行！= none）？

请注意：

$('tr:visible').length

无法工作，因为如果表格本身有display=none，则结果将始终为0.

Answer 1

试试这个：

$('tr:not([style*="display: none"])').length

示例http://jsfiddle.net/infernalbadger/7LvD5/

Answer 2

根据实际的CSS属性过滤行：

$('tr').filter(function() {
    return $(this).css('display') !== 'none';
}).length;

Answer 3

jquery selector to count the number of visible table rows?

改变！==转换为===

Answer 4

将此添加到组合中。我发现这是一个更可靠的选择。

function recount () {
    var numOfVisibleRows = jQuery('tr.itemtext:visible').length;
    document.getElementById("item_table_count").innerHTML = numOfVisibleRows;
}

我喜欢这个是因为我的表 itemtext 以不同的方式隐藏行。我希望它有用。

有关详细信息，请参阅此问题：jquery selector to count the number of visible table rows?

jQuery：如何计算“显示”不是“无”的元素数量？

4 个答案: