Get all rows in the “current” table, and not from child tables

Question

How can you get all rows in a table without getting the rows in child tables?

var rows = $(\'tr\', tbl);

This will return ALL

Answer 1

var count = $('#tableID').rows;

It works, because the selector will return a HTMLTableElement object.

Answer 2

Probably:

var rows = $("#tableid>tr");

Answer 3

If you just want the count of rows, you can simply use:

var table = document.getElementById('tableID');  
table.rows.length;  

Or you can use direct children selector:

$('table > tbody > tr').each(function(index, tr) {} );

Answer 4

var rows = $('#tblID > tbody > tr')

The child selector will get the table's <tbody> element and consequently get the <tr> elements that are direct children of the table's tbody.

If you already have a table object:

var rows = $(tbl).find('> tbody > tr');

Or:

var rows = $(tbl).children('tbody').children('tr');

Here is a working example.