How can I get nth child in array of items retrieved by class?

Question

I have a few <a> elements with the class brandPagination

If I use this:

console.log($j('.brandPagination'));

I get an array with five items in it. I want the nth one. So I tried:

console.log($j('.brandPagination:nth-of-type(1)'));

This outputs an empty array, why and what can I do about it?

Answer 1

You can either use

$j('.brandPagination:eq(0)');
// or 
$j('.brandPagination').eq(0);

Keep in mind nth-of-type starts in 1, and jQuery's eq is zero based.

Answer 2

Use the last-child selector to fetch the last item of the selector specified before.

Try this out,

console.log($j('.brandPagination:last-child'));