jQuery - Ability to count the number of Rows in a Table?

Question

w jQuery - is it possible to setup a listener that can count the number of rows in a table.

And when the row count changes do X if the count is eq 0 or Y is > 0?

Thanks

Possible duplicate: http://stackoverflow.com/questions/1149958/jquery-count-number-of-rows-in-a-table — Martin Buberl, Mar 06 '11 at 20:28
@Martin thx but that has nothing to do with observing the count — AnApprentice, Mar 06 '11 at 20:30

score 1 · Accepted Answer · answered Mar 06 '11 at 20:32

One way is to use time listener :

 var time = setInterval(function(){   
                                   alert( $('#table tr').length ); 
                                  },1000 );

Or you can put it when the event associated with change num rows executed .

score 0 · Answer 2 · answered Mar 06 '11 at 20:27

0

For your first question:

$('table tr').length;

answered Mar 06 '11 at 20:27

Ivar

4,344
6
38
53

`$('#some-table tr').length;` would seem to be more appropriate, in case the page has more than one table on it. – John Flatness Mar 06 '11 at 20:30

score 0 · Answer 3 · answered Mar 06 '11 at 20:30

Both .length and .size() will give you the same information. If the table ID is tbl1, then you use the jQuery CSS selector

$('#tbl1 tr')

If you are using <thead>, <tbody>, <tfoot> properly, then you should use the below to count only the body rows, otherwise take 1 or 2 off the .length result from the above.

$('#tbl1 tbody tr')

As for observing the row count changes, you need either

a global var that stores the current row count, coupled with a setInterval event (say 100ms) that checks for changes and raises an event; or
a class that encapsulates this behaviour with an internal var, but also using setInterval

score 0 · Answer 4 · answered Mar 06 '11 at 20:58

0

You could use something like:

$('#tableID').bind('DOMNodeInserted', function() {
    var count = $('table tr').length;
    alert("The number of rows has changed, there are now " + count + " rows.");
    });

JS Fiddle demo.

answered Mar 06 '11 at 20:58

David Thomas

249,100
51
377
410

jQuery - Ability to count the number of Rows in a Table?

4 Answers4