index 메서드

index 메서드는 jQuery 집합에서 요소의 번호를 반환합니다(0부터 시작).

구문

페이지 상의 인접한 요소들(인접한 요소란 공통의 부모를 가진 요소들을 의미합니다)에 대한 첫 번째로 선택된 요소의 위치 번호를 반환합니다:

.index();

선택자에 맞는 요소들 중에서 첫 번째로 선택된 요소의 위치 번호를 반환합니다. 해당 요소가 발견되지 않으면 메서드는 -1을 반환합니다:

.index(selector);

매개변수는 DOM 요소나 jQuery 객체일 수도 있습니다(여러 요소를 포함할 경우, 메서드는 그 중 첫 번째 요소에 대해 실행됩니다):

.index(element);

li 중 #test의 번호를 화면에 출력해 봅시다:

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

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