index 메서드

jQuery 2015. 4. 15. 01:50

728x90
반응형

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


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

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


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


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

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



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

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

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


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

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


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


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

반응형

'jQuery' 카테고리의 다른 글

context 매개변수  (0) 2015.04.16
mouseenter 과 mouseover 메서드의 차이  (0) 2015.04.15
size 메서드 그리고 length..  (0) 2015.04.15
data 메서드  (0) 2015.04.14
scrollTop 메서드  (0) 2015.04.14