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

Use .eq().

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

...or for your simple case, .first():

rows.first().addClass('my_class');

Answer 2

Using either the eq() function:

rows.eq(0).addClass('my_class');

Or the :eq() selector:

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

Answer 3

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

Answer 4

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');

Answer 5

you can do

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

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

Answer 6

You can use nth-child in your selector:

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

Will get the third td.

Answer 7

Use eq()

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

Answer 8

For the first element (index 0) the answer provided to your earlier question should be fine.

For any nth element use eq selector

e.g:

var rows = $('tr:eq(8)', tbl);

Answer 9

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');