jQuery selector함수 slice() - start, end 까지 index 요소 일부만 선택 between

jQuery selector함수 slice() - start, end 까지 index 요소 일부만 선택 between

1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다.

이럴 때 사용하는 함수가 바로 jquery slice() 메쏘드다.

즉 나열된 요소의 일부만 선택하는 선택자 메쏘드다.

사용방법

사용방법은 다음과 같다.

$('selector').slice(2,5).addClass('newClass');

이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다.

비단 클래스만 부여하는 것이 아니라 당연히 제이쿼리 제어를 모두 사용할 수 있다.

선택자를 어떻게 지정해 주느냐에 따라 이 메쏘드는 굉장히 극적으로 적용될 수 있다.

예컨대 #parents > *로 하면 id parents 인자의 직계 자식이라면 div, a, ul, p 구분 없이 인덱싱 되고 그 요소 순서대로 지정한 수치 사이의 요소 일부만 선택되는 것이다.

선택자를

 #parents > *:not(a):not(h1)

처럼 부여하면 not선택자로 제외된 엘레멘트 들을 순서대로 나열하고 일부만 취할 수 있다.

사용 스킬에 따라 강력하게 활용할 수 있는 것이다.

아프리카 BJ 박소은