jQuery获取特定类的第二个或x div

Question

这应该很简单，但我无法弄明白

例如，假设类.contentdiv正在搜索的内容。

我想获取（或选择）文档中的第二个或（x个数量）.contentdiv，然后获取该div的html。

x是我想要选择的div，因此假装x是1,2或3或任何数字

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

Answer 1

有几种方法，但是：

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

也

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

但那太麻烦了（在我看来）。

编辑 - 感谢@patrick：初始选择器正在选择单个元素（必要时，因为“id”值必须是唯一的）。也许你的意思是$('#slider div.contentdiv')，它将获得“滑块”容器下的所有<div>元素。

另一个好的评论进一步澄清了.eq()和“：eq（）”选择器thingy的索引是从零开始的。

Answer 2

如果.contentdiv元素位于#slider元素内，那么您需要.find()而不是.filter()。

任何这些都适合你：

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

将1替换为您想要的任何数字（或变量），并以.html()结尾。

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

Answer 3

嗯..

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

...编辑

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

Answer 4

也许是nth-child选择器？例如，#slider .contentdiv:nth-child(2)？