Получение второго дочернего элемента

Я все еще новичок в jquery, и у меня есть этот код

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

Я хотел получить второго ребенка, они динамически заполняются с помощью append, и я не знаю, как его получить.

Я хотел отобразить

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

Надеюсь, кто-то может мне помочь.

Спасибо

Ответ 1

Несколько способов сделать это. Я собираюсь предположить, что div верхнего уровня имеет id 'top'. Вероятно, это лучший вариант:

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

или

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

или если вы знаете, что есть, по крайней мере, 2 ребенка

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

Ответ 3

Используйте nth-Child Selector. Например: $('div:nth-child(2)')

Ответ 4

Возможно, это звучит глупо, но $(".item").first().next() делает трюк.

Ответ 5

Как насчет предоставления div id, а затем просто захвата его $('#mySecondDiv'), зависит от того, как вы динамически генерируете его, хотя...