Selecting first row from multiple tables

Question

Hey all,

I've got a bit of a jQuery problem. I've got multiple tables on a page that all have the same class but no ID. I'd like to be able to be able to get the first row from all of the tables back. Is there an easy way to do this?

This is what I've got so far:

$(.t13Standard tr:first')

But that only selects the first row from the first table. Any way to get the first row from all the tables?

Thanks, Matt

Answer 1

I would have thought you could do something like

$('table.someClass tr:first').each(
function()
{
// Do something here
});

Answer 2

You need to use nth-child() or first-child():

$('.t13Standard tr:first-child')

or

$('.t13Standard tr:nth-child(1)')

The pseudo selectors :first, :eq(), :gt() etc are performed on the result set not in relation to other elements.

The selectors :first-child, :last-child, :nth-child() are performed in relation to the elements.