jQuery 순회 - 필터

축약된 검색 요소 범위

세 가지 가장 기본적인 필터 메서드는 first(), last(), eq()입니다. 이들은 요소의 위치를 기반으로 특정 요소를 선택할 수 있습니다.

다른 필터 메서드, 예를 들어 filter()와 not()는 특정 표준에 맞는지 아니면 맞지 않는 요소를 선택할 수 있습니다.

jQuery first() 메서드

first() 메서드는 선택된 요소의 첫 번째 요소를 반환합니다.

아래의 예제는 첫 번째 <div> 요소 내의 첫 번째 <p> 요소를 선택합니다:

예제

$(document).ready(function(){
  $("div p").first();
});

본인이 직접 시도해 보세요

jQuery last() 메서드

last() 메서드는 선택된 요소의 마지막 요소를 반환합니다.

아래의 예제는 마지막 <div> 요소의 마지막 <p> 요소를 선택합니다:

예제

$(document).ready(function(){
  $("div p").last();
});

본인이 직접 시도해 보세요

jQuery eq() 메서드

eq() 메서드는 지정된 인덱스 번호를 가진 선택된 요소를 반환합니다.

인덱스 번호는 0에서 시작하므로, 첫 번째 요소의 인덱스 번호는 0이 아니라 1입니다. 아래의 예제는 두 번째 <p> 요소(인덱스 번호 1)를 선택합니다:

예제

$(document).ready(function(){
  $("p").eq(1);
});

본인이 직접 시도해 보세요

jQuery filter() 메서드

filter() 메서드는 규정된 표준을 설정할 수 있습니다. 이 표준에 맞지 않는 요소는 집합에서 제거되고, 맞는 요소는 반환됩니다.

아래의 예제는 클래스 이름 "intro"가 있는 모든 <p> 요소를 반환합니다:

예제

$(document).ready(function(){
  $("p").filter(".intro");
});

본인이 직접 시도해 보세요

jQuery not() 메서드

not() 메서드는 표준에 맞지 않는 모든 요소를 반환합니다.

ヒント:not() 메서드는 filter()와 반대입니다.

아래의 예제는 클래스 이름 "intro"가 없는 모든 <p> 요소를 반환합니다:

예제

$(document).ready(function(){
  $("p").not(".intro");
});

본인이 직접 시도해 보세요

jQuery 순회 참조 매뉴얼

모든 jQuery 순회 메서드를 알고 싶다면, 우리의 jQuery 순회 참조 매뉴얼。