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

Try this:

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

Example http://jsfiddle.net/infernalbadger/7LvD5/

Answer 2

Filter your rows based on their actual CSS property:

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

Answer 3

jquery selector to count the number of visible table rows?

Change !== to ===