jQuery - How to count the number of hidden or visible rows in a table

Question

I have the following jQuery that counts the number of rows in my table. However, some of the table rows might be hidden because of a filter I have in place. How can I change the function below to count the number of visible rows only?

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

Answer 1

You can use :visible if they are truly hidden, not just without visibility

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

Answer 2

You can use :visible selector:

Selects all elements that are visible.

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