jQuery를 그 컨테이너에 요소 인덱스의 상대를 찾기

Question

여기 내 HTML 구조입니다 :

<div id="main"> 
    <div id="inner-1"> 
     <img /> 
     <img /> 
     <img /> 
    </div> 

    <div id="inner-2"> 
     <img /> 
     <img class="selected" /> 
     <img /> 
    </div> 

    <div id="inner-3"> 
     <img /> 
     <img /> 
     <img /> 
    </div> 
</div> 

난 할 노력하고있어하면 #main의 DIV에 img.selected 요소 상대의 인덱스를 얻을 수있다. 따라서이 예제에서 인덱스는 4가되어야합니다 (0 기반 인덱스를 가정 할 때).

인덱스를 가져 오는 일반적인 방법은 $element.prevAll().length을 사용하는 것이지만 분명히 # inner- 2 div.

내가 $('img.selected').prevAll('#main').length를 사용하여 시도했지만 그 0을 반환하는 것 :/

Answer 1

이 작동합니다; img 태그가 모두 #main 안에있는 집합 내에서 선택된 이미지의 색인을 찾습니다.

$('#main img').index('img.selected');