获得第二个子元素

时间:2011-03-26 06:44:14

标签: jquery html jquery-selectors

我仍然是jquery的新手,我有这段代码

<div>
   abcsdf
   <div> first child</div>
   <div> second child</div>
</div>

我想得到第二个孩子,他们使用追加动态填充,我不知道如何得到它。

我想要显示

$('the second element inner html here').dialog() etc..

希望有人可以帮助我。

由于

5 个答案:

答案 0 :(得分:34)

有很多方法可以做到这一点。我将假设顶级div具有顶级&#39;的id。这可能是最好的一个:

$('#top > :nth-child(2)').whatever();

$('#top').children(':first-child').next().whatever();

或者如果您知道某事实至少有2个孩子

$($('#top').children()[1]).whatever();

答案 1 :(得分:8)

检查此链接

Nth child selecter

或者您可以尝试:eq Selector也

Eq selector

答案 2 :(得分:7)

使用nth-Child Selector。 例如:$('div:nth-child(2)')

答案 3 :(得分:4)

也许这听起来很愚蠢,$(".item").first().next()可以解决问题。

答案 4 :(得分:0)

如果给div一个id然后只是$('#mySecondDiv')抓取它,取决于你如何动态生成它...