js/jquery count rows in tbody [duplicate]

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="https://stackoverflow.com/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="https://stackoverflow.com/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
– TEN Design, Commented Oct 21, 2014 at 6:33

Gowri · Accepted Answer · 2014-10-21 06:32:46Z

11

Try with this:

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

answered Oct 21, 2014 at 6:32

Gowri

1,8563 gold badges33 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PSR · Accepted Answer · 2014-10-21 06:30:44Z

3

you can use

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

answered Oct 21, 2014 at 6:30

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Comments

Satpal · Accepted Answer · 2014-10-21 06:31:15Z

1

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

> is a looks for immediate children.

answered Oct 21, 2014 at 6:31

Satpal

134k13 gold badges168 silver badges171 bronze badges

1 Comment

TEN Design Over a year ago

yea $("#offices tbody tr") worked.

Collectives™ on Stack Overflow

js/jquery count rows in tbody [duplicate]

3 Answers 3

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Linked

Related