인덱스로 요소 선택 (동일한 클래스의 여러 요소 선택)

Question

Javascript 또는 jQuery를 사용하여 인덱스별로 요소를 선택하는 방법이 있습니까? 예를 들어 : jQuery를 아래에서

<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 

나는 인덱스 번호에 따라 "div.item"의 요소를 선택하고 조작 할 수있는 방법이 현재 4로 길이를 얻을 수 있을까?

Answer 1

http://api.jquery.com/eq/

$("div.item").eq(0)는 당신에게 첫 번째 요소를 제공 할 것입니다.

Answer 2

는이 작업에 대한 .eq() 선택을 사용할 수

var element = $('div.item:eq(3)'); 

Answer 3

$('div.item:eq(4)'); 

이 코드는 .item 클래스 4를

Answer 4

$를 DIV를 선택합니다 ('div.item : EQ (3) ') 또는 $ ("div.item"). (3) 또는 $이 ("div.item"). (3)

당신이 EQ입니다받을 경우 "element"를 얻는 것에 대해 이야기하는 세 번째 옵션은 DOM 요소를 포함하는 jQuery 객체를 반환하는 처음 두 개에 비해 DOM 요소를 반환합니다.

처음 두 개는 매우 유사합니다. 차이점은 첫 번째 요소가 쿼리 내에 "eq"를 넣으므로 그 단일 요소 만 조작 할 수 있다는 것입니다. 두 번째 방법을 사용하면 $ ("div.item")와 같은 것을 할 수 있습니다. css ('background', 'red') .eq (3) .css ('background', 'blue') 다른 두 가지 방법을 사용하면 쉽게 그렇게 할 수 없습니다.