jQuery: How to count the number of elements which “display” isn't “none”?

Question

I use show() and hide() to show and hide rows in a table.

How could I count the number of non-hidden rows (more accurately, rows with

Answer 1

Filter your rows based on their actual CSS property:

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