親の中の子インデックスの特定

Question

親の中の要素のインデックスはどのようにして決定できますか？次のDOM構造を持ち、をクリックして、子divのイベントリスナーを設定したとします。それぞれをクリックすると、親divに関するインデックスがわかります。

<div class="parent"> 
    <div class="child">...</div> 
    <div class="child">...</div> 
    <div class="child">...</div> 
    <div class="child">...</div> 
</div> 

Answer 1

（本当に兄弟の中で）その親の要素のインデックスを取得するには、たとえば、パラメータを指定せずに.index()を使用します。

$(".child").click(function() { 
    alert("Index: " + $(this).index()); 
}); 

You can test it out here。