형제 간의 요소 번호/색인을 얻는 방법

Question

선택한 요소의 하위 번호를 어떻게 얻을 수 있습니까? 이 같은

<ul> 
    <li>First child</li> 
    <li>Second</li> 
    <li id="selected">Third child</li> 
    <li>Fourth child</li> 
</ul> 

사용 무언가 :

$('#selected').childNumber(); 

그것을 "3"를 반환해야 자식 수에 대해 부모 랩입니다.

Answer 1

이 경우 .index()을 사용할 수 있습니다.

var selectedIndex = $("#selected").index() + 1; 

li에 대한 ID를 부여 했으므로 ul이있는 요소 선택자가 필요하지 않습니다. li 요소에 id 선택기를 직접 사용할 수 있습니다.