jQuery - 如何计算表中隐藏或可见行的数量

Question

我有以下jQuery来计算表格中的行数。但是，由于我已经安装了一个过滤器，因此某些表行可能会被隐藏。如何更改以下函数以仅计算可见行数？

function UpdateCount() {
    var totalRows = $('#listingTable tbody tr').length;
    $("#rowCount").text(totalRows.toString() + " sightings")
}

Answer 1

如果真的被隐藏了，你可以使用:visible，而不仅仅是没有可见性

function UpdateCount() {
    var totalRows = $('#listingTable tbody tr:visible').length;
    $("#rowCount").text(totalRows + " sightings");
}

Answer 2

您可以使用 :visible 选择器：

  

选择所有可见的元素。

function UpdateCount() {
    var totalRows = $('#listingTable tbody tr:visible').length;
    $("#rowCount").text(totalRows.toString() + " sightings")
}