jQuery Get the second or x div with certain class

Question

This should be simple, but I can't figure it out

For example, lets assume the class .contentdiv is what were searching for.

I want to obtain (or select) the second or (x amount) .contentdiv in a document then get the html of that div.

x being the div i want to select so pretend x is 1,2 or 3 or any number

jQuery('#slider').filter('.contentdiv').match(x).html();

Answer 1

Maybe the nth-child selector? For example, #slider .contentdiv:nth-child(2)?

Answer 2

If .contentdiv elements are located inside the #slider element then you need .find() instead of .filter().

Any of these would work for you:

jQuery('#slider').find('.contentdiv').eq(1);
jQuery('#slider .contentdiv').eq(1);
jQuery('#slider .contentdiv:eq(1)');

replacing 1 with whatever number (or variable) you want, and ending with .html().

• http://api.jquery.com/find/
• http://api.jquery.com/eq/
• http://api.jquery.com/eq-selector/

Answer 3

Hm..

$('#slider').find('.contentdiv:eq(x)').html();

edit...

$('#slider').find('.contentdiv:eq(' + x + ')').html();