js/jquery count rows in tbody

Question

I am trying to make a simple while loop to count the number of rows in the table #offices, and I have no idea why this isn't working, but the alert keeps returning 0...

html:

<table id="offices" class="table table-striped">
    <caption class="text-left">
      <p class="lead">Current List of Offices</p>
    </caption>
    <thead>
        <tr>
            <th>Office Name</th>
            <th>Office abrev.</th>
            <th>Display Order</th>
            <th>Edit</th>
            <!-- TMPL_UNLESS is_agent -->
            <th>Delete</th>
            <!-- /TMPL_UNLESS -->
        </tr>
    </thead>
    <tbody>
    <!-- TMPL_LOOP Office_loop -->
    <tr>
        <td><!-- TMPL_VAR office_name --></td>
        <td><!-- TMPL_VAR short_name --></td>
        <td><!-- TMPL_VAR sequence_number ESCAPE=0 --></td>
        <td><a href="/office/edit/<!-- TMPL_VAR office_id -->"><i class="fa fa-edit"></i> Edit Office</a></td>
        <!-- TMPL_UNLESS is_agent GLOBAL=1 -->
        <td><a href="/office/delete/<!-- TMPL_VAR office_id -->"><i class="fa fa-trash-o"></i> Delete Office</a></td>
        <!-- /TMPL_UNLESS -->
    </tr>
    <!-- /TMPL_LOOP -->
    </tbody>
</table>

js/jquery:

var rowCount = $("#offices > tr").length;
alert(rowCount);
var i = 0;
while ( ++i <= rowCount ) {
    console.log( "counting rows: " + i );
}

@Satpal i need to target the tbody tr specifically so i dont count the thead rows. — TEN Design, Oct 21 '14 at 06:33

score 10 · Answer 1 · answered Oct 21 '14 at 06:32

10

Try with this:

$('#tabId tbody').find('tr').length;

answered Oct 21 '14 at 06:32

Gowri

1,832
3
29
53

score 3 · Answer 2 · answered Oct 21 '14 at 06:30

3

you can use

var rowCount = $('#tableId tr').length;

answered Oct 21 '14 at 06:30

PSR

39,804
41
111
151

score 1 · Answer 3 · answered Oct 21 '14 at 06:31

1

Use $("#offices tbody tr") instead of $("#offices > tr")

> is a looks for immediate children.

answered Oct 21 '14 at 06:31

Satpal

132,252
13
159
168

1

yea $("#offices tbody tr") worked. – TEN Design Oct 21 '14 at 06:36

js/jquery count rows in tbody

3 Answers3