Comment trouver le numéro de position d'un certain élément enfant dans un élément parent en utilisant jQuery

Question

J'ai une div contenant plusieurs autres div contenant une image. Il ressemble à ceci

<div id="parentHldr"> 
<div class="imgHldr"><img src="foo/bar.png" id="1"></div> 
<div class="imgHldr"><img src="foo/bar.png" id="2"></div> 
<div class="imgHldr"><img src="foo/bar.png" id="3"></div> 
<div class="imgHldr active"<img src="foo/bar.png" id="4"></div> 
<div class="imgHldr"><img src="foo/bar.png" id="5"></div> 
<div class="imgHldr"><img src="foo/bar.png" id="6"></div> 
</div> 

Je veux connaître la position de div qui a la classe active. Je reçois nombre total d'éléments enfants avec cette chose

$('#parentHldr').children().length 

Je suppose donc, il devrait y avoir un moyen de trouver le nombre de position de ce div en quelque sorte ...

ok, je l'ai pratiquement trouvé la Solution. Maintenant, c'est un peu plus compliqué. Je dois obtenir l'index d'un DIV w/classe imgHldr contenant img avec id 5 à l'intérieur du parent DIV w/classe parentHldr. Est-ce possible ??))

Answer 1

Utilisation index():

$("#parentHldr > div").index($("#parentHldr > div.active"));