Question

How i can select all child in a parent div with deference child level in jQuery?

For example i want to get all myDiv1 input, Not myDiv2:

<div id="myDiv1">
   <input name="child1"/><!-- level 1 -->
   <p><input name="child2"/></p><!-- level 2 -->
   <div><p><input name="child3"/></p></div><!-- level 3 -->
</div>

<div id="myDiv2">
   <input name="child1"/><!-- level 1 -->
   <p><input name="child2"/></p><!-- level 2 -->
   <div><p><input name="child3"/></p></div><!-- level 3 -->
</div>

I tested $(‘#mydiv1 input’) OR $(‘#mydiv1 > input’) but not working.

Answer 1

$('#mydiv1 input') will select all input elements which are inside #mydiv1 – no matter how deep.

$('#mydiv1 > input') will only select input elements which are direct children of #mydiv1 (i.e. child1)

If that doesn’t work for you, something else is wrong with you code.