jQuery의 index 메서드

집합 내에서 요소의 번호를 찾아야 하는 경우, index 메서드를 사용할 수 있습니다.

인접한 요소들에 상대적인 요소의 위치 번호를 출력할 수 있습니다. 예를 들어, 다음과 같은 번호 목록이 있습니다:

<ol>
	<li>text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

index 메서드를 사용하여 이제 div의 번호를 출력하겠습니다:

let num = $('div').index();
alert(num);

또한 선택자를 추가로 전달할 수도 있습니다. 다음 HTML 코드를 살펴보겠습니다:

<ol>
	<li id="first">text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

이제 요소 태그 이름 외에도 매개변수로 id 이름을 전달합니다:

let num = $('li').index($('#test'));
alert(num);

해당 요소를 찾지 못하면, 메서드는 -1을 반환합니다.

요소 태그 이름만 사용하여 li 요소 중 #test의 번호를 구하세요.

선택자 이름도 지정하여 li 요소 중 #first의 번호를 구하세요.