jQuery의 slice 메소드
slice
메소드를 사용하면, 예를 들어 두 번째부터 다섯 번째까지와 같이,
선택된 요소 집합의 일부를 대상으로 작업할 수 있습니다.
다음 예제를 통해 이 메소드의 작동 방식을 살펴보겠습니다. 다음과 같은 HTML 코드가 있다고 가정해 보겠습니다:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>
이제 두 번째(2)부터 네 번째(4)까지의
단락(포함) 끝에 '!' 텍스트를 추가하겠습니다
(인덱스는 0부터 시작하며, 두 번째 단락의 인덱스는 1입니다):
$('p').slice(1, 5).append('!');
HTML 코드는 다음과 같이 변합니다:
<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>
slice(1, 5)는 첫 번째 인수는 포함하지만 두 번째 인수는
포함하지 않는다는 점에 유의하세요. 즉,
(1, 5)는 인덱스 1, 2,
3, 4에 해당하는 요소를 선택하고,
인덱스 0 및 5의 요소는 선택하지 않습니다.
선택된 집합에서 세 번째(3)부터
열 번째(10)까지의
li 요소를 찾아 빨간색으로 색칠하세요.
