[jQuery] .eq()

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

jQuery의 .eq() 사용법

jQuery의 .eq() 메서드는 선택한 요소 집합에서 

지정한 인덱스 위치에 있는 요소를 선택합니다. 
이 메서드는 선택한 요소 중에서 특정 인덱스에 위치한 요소를 선택하거나, 
인덱스 범위를 지정하여 선택하는 데 사용됩니다.

 

eq() 메서드를 사용하면 다음과 같이 선택한 요소 집합에서 

특정 인덱스 위치에 있는 요소를 선택할 수 있습니다.

$("selector").eq("index");

여기서 'selector'는 요소를 선택하는 CSS 선택자이며, 

'index'는 선택할 요소의 인덱스입니다. 
'index'는 '0'부터 시작합니다.

 

eq() 메서드를 사용하여 선택한 요소 집합에서 지정한 인덱스 위치에 있는 요소를 선택하면,
해당 요소에 대한 jQuery 객체가 반환됩니다. 
반환된 객체를 이용하여 해당 요소에 대한 다양한 동작을 수행할 수 있습니다.

 

예를 들어, 다음과 같이 HTML 요소를 선택하고 eq() 메서드를 

사용하여 특정 인덱스 위치에 있는 요소를 선택할 수 있습니다.

// javascript code
$("li").eq(1).css("color", "red");

// html code
<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
</ul>

위 예제에서는 'li' 요소를 선택하고, eq() 메서드를 사용하여 두 번째 'li' 요소 (인덱스 1)를 선택했습니다. 
그런 다음 선택한 요소에 대해 css() 메서드를 사용하여 글꼴 색상을 빨강으로 변경했습니다. 
이제 'li'의 두 번째 요소인 '항목 2'가 빨간색으로 표시됩니다.