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

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

• javascript
• jquery
• html

Share Follow edited Jul 31, 2010 at 21:13 Darin Dimitrov 1.0m275275 gold badges3.3k3.3k silver badges2.9k2.9k bronze badges asked Jul 31, 2010 at 21:08 kr1zmokr1zmo 83733 gold badges1313 silver badges3030 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

There are a couple of ways, but:

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

also

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

but that's messier (in my opinion).

edit — thanks @patrick: the initial selector is selecting a single element (of necessity, because "id" values have to be unique). Perhaps you meant $('#slider div.contentdiv') which would get all the <div> elements under` the "slider" container.

And another good ment further clarifies that the indexing of .eq() and the ":eq()" selector thingy is zero-based.

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./find/
• http://api.jquery./eq/
• http://api.jquery./eq-selector/

Hm..

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

edit...

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

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