index 메서드

.index() 메서드는 일치하는 요소들중 선택한 요소가 몇번째 순번을 가지고 있는지 알 수 있는메서드 이다.

제이쿼리 선택자 중에 eq 라는 게 있는데

$("div:eq(0)").xxx

이런식으로 선택하게 될경우 div중 첫번째 div를 의미한다.

그럼 바로 index 메서드의 예제를 해보자.

(스크립트 코드를 보려면 Result 를 JavaScript 로 바꾸면 된다)

li 를 찍었을 경우 해당 되는 li 의 순번을 p 라는 요소에 나타나게 만들어 보았다.

1. 클릭한 요소(li)의 index 를 변수에 담아

2. p 라는 요소의 text 로 찍은 예제이다.

javascript 의 배열을 배웠다면 배열 안의 값을 0 번 째 부터 읽어오는걸 알 수 있을 것이다.

그것과 eq 의 () 안에 들어가는 순번과 index는 0 부터 시작 한다는걸 알 수 있다.

그럼 eq 와 index를 활용하여 예제를 만들어 보자.

script 소스를 보려면 Result▼ 를 눌러 javascript로 바꿔주면 된다.