Question

Views

I am still new in jquery and I have this code

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

I wanted to get the second child, they are dynamically populated using append and I don't know how to get it.

I wanted to display

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

Hoping someone can help me.

Thanks

over 4 years ago · Santiago Trujillo

check this link

Or you can try :eq Selector also

over 4 years ago · Santiago Trujillo Report

Use the nth-Child Selector. For example: $('div:nth-child(2)')

over 4 years ago · Santiago Trujillo Report

Answer question

Accepted Answer · 2022-05-24T14:47:15.395Z

A number of ways to do this one. I'm going to assume the toplevel div has an id of 'top'. This is probably the best one:

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

or

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

or if you know for a fact there are at least 2 children

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