getElementsByClassName vs. jquery

Question

If my original function was:

document.getElementsByClassName('blah')[9].innerHTML = 'blah';

...how would I change that so I get that same item in jquery? I have this, but when I put '[9]' at the end it doesnt work:

$(data).find('.blah')[9].html();

It I leave the [9] out, it only gets the first item whose class name is 'blah', and I want it to get the 10th item.

Answer 1

The equivalent of

document.getElementsByClassName('blah')[9].innerHTML = 'blah';

is to use the :eq pseudo-selector:

$(".blah:eq(9)").html('blah');

or the eq function:

$(".blah").eq(9).html('blah');

(...and then the html function to set the inner HTML.)

Answer 2

You should also just be able to use jQuery's get() method:

$('.blah').get(9)

jQuery objects also function as indexed arrays as returned elements, so this should also work:

$('.blah')[9]