Identifying all rows within a table <tbody> element using jQuery

Question

I am trying to retrieve all rows from within a <tbody> section of a table, but am unsure of the syntax for doing so. I've included a dummy table extract below and my latest attempt for achieving the task with jQuery!

Table extract:

<tbody> <tr> <th id="emergency" colspan="2">Emergency</th> </tr> <tr> <td>Emergency data</td> <td>Emergency data</td> </tr> <tr> <td>Emergency data</td> <td>Emergency data</td> </tr> </tbody> <tbody> <tr> <th id="urgent" colspan="2">Urgent</th> </tr> <tr> <td>Urgent Data</td> <td>Urgent Data</td> </tr> <tr> <td>Urgent Data</td> <td>Urgent Data</td> </tr> </tbody>

jQuery code:

var emergencyRows = $table.find('#emergency').children().get();

Ally · Accepted Answer · 2012-07-12 16:38:04Z

18

You can use the below if you know the table id.

var trs = $("#tableid").find("tbody>tr");

answered Jul 12, 2012 at 16:38

Ally

4,9629 gold badges39 silver badges47 bronze badges

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

2 Comments

Hasi Over a year ago

If we have applied pagination,then how do I get other page data besides of current page.

Hasi Over a year ago

I was able to find a solution to get all records in paginated pages.

Omar · Accepted Answer · 2016-01-09 06:40:05Z

My suggestions is to place the ID attributes on the tbody rather than the first row of each one.

HTML

<table> <tbody id="emergency"> <tr> <th colspan="2">Emergency</th> </tr> <tr> <td>Emergency data</td> <td>Emergency data</td> </tr> <tr> <td>Emergency data</td> <td>Emergency data</td> </tr> </tbody> <tbody id="urgent"> <tr> <th colspan="2">Urgent</th> </tr> <tr> <td>Urgent Data</td> <td>Urgent Data</td> </tr> <tr> <td>Urgent Data</td> <td>Urgent Data</td> </tr> </tbody> </table>

jQuery

var emergencyRows = $("tbody#emergency").find("tr:gt(0)"); var urgentRows = $("tbody#urgent").find("tr:gt(0)");

The jQuery snippet will get all the respective rows with the exception of the first rows.

Agent_9191 · Accepted Answer · 2009-10-15 20:49:50Z

This is probably the cleanest

$('#emergency').closest('tbody').children(); //only returns first child element, so the <tr>'s

Annabelle · Accepted Answer · 2009-10-15 20:56:20Z

From your example, it seems like you might want "all rows except for the one containing #emergency". If that's the case, you can use the following:

$('#emergency').closest('tr').siblings();

Note that #emergency need not be a <tr /> or <th /> or anything in particular. It could be any element within a table cell.

richsage · Accepted Answer · 2009-10-15 20:38:29Z

Try:

var emergencyRows = $("th#emergency").parent().parent().find("tr:gt(0)");

which should get you all rows that aren't the header row.

Hasi · Accepted Answer · 2016-04-07 04:18:25Z

I was able to find a solution to get all records in paginated pages.You also can try out this.

var userList = $("#user-grid").dataTable().fnGetNodes();

Collectives™ on Stack Overflow

Identifying all rows within a table <tbody> element using jQuery

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Related