get row by index

Question

how can you get a row by the index?

var rows = $(\'tr\', tbl);
rows.index(0).addClass(\'my_class\');

Answer 1

You can use nth-child in your selector:

$('tr td:nth-child(3)').addClass('my_class');

Will get the third td.

Answer 2

Use eq()

$('tr', tbl).eq(0).addClass('my_class');

Answer 3

http://api.jquery.com/get/ says:

Retrieve the DOM elements matched by the jQuery object.
.get( [index] )
index A zero-based integer indicating which element to retrieve.

Note that you'll get the DOM object, not a jQuery one:

var rows = $('tr', tbl);
$(rows.get(0)).addClass('my_class');

Answer 4

you can do

$('tr:eq(0)', tbl).addClass('my_class');

more on this http://api.jquery.com/eq-selector/

Answer 5

var row=$('tr:eq(5)', tbl);  // returns the 5th row

Answer 6

You could use the native rows[docs] property on the HTMLTableElement.

$(tbl[0].rows[0]).addClass('my_class');

---

As noted by @Felix, I've assumed that tbl is a jQuery object. If not, do this:

$(tbl.rows[0]).addClass('my_class');