jQuery의 slice() 메서드를 활용한 요소 범위 선택 예제

jQuery의 slice() 메서드는 선택한 요소 집합에서 지정한 범위의 요소를 선택하는 데 사용됩니다. 이를 통해 요소 집합을 잘라내어 특정 범위의 요소를 선택할 수 있습니다. 아래는 slice() 메서드를 활용한 다양한 예제를 살펴보겠습니다.

예제 1: 기본적인 사용법

$( "li" ).slice(2).css( "font-style", "italic" );

이 예제는 모든 <li> 요소 중에서 인덱스 2부터 끝까지의 요소에 대해 글자를 기울임체로 설정합니다. slice(2)를 사용하여 인덱스가 2부터 끝까지의 요소를 선택합니다.

예제 2: 특정 범위 선택

$( "li" ).slice(1, 4).addClass( "highlight" );

이 예제는 모든 <li> 요소 중에서 인덱스 1부터 3까지의 요소에 "highlight" 클래스를 추가합니다. 따라서 인덱스가 1부터 3까지의 요소를 선택하여 조작을 수행합니다.

예제 3: 음수 인덱스 사용

$( "li" ).slice(-3).addClass( "active" );

이 예제는 모든 <li> 요소 중에서 뒤에서부터 3번째부터 끝까지의 요소에 "active" 클래스를 추가합니다. 음수 인덱스를 사용하여 뒤에서부터 요소를 선택할 수 있습니다.