jQuery filter() 메서드

❮ jQuery 탐색 방법

예시

클래스 이름이 "intro"인 모든 <p> 요소를 반환합니다.

$("p").filter(".intro")

정의 및 사용

filter() 메서드는 특정 기준과 일치하는 요소를 반환합니다.

이 방법을 사용하면 기준을 지정할 수 있습니다. 기준과 일치하지 않는 요소는 선택 항목에서 제거되고 일치하는 요소가 반환됩니다.

이 방법은 선택한 요소 그룹에서 요소 검색 범위를 좁히는 데 자주 사용됩니다.

팁: filter() 메서드는 not() 메서드의 반대입니다.


통사론

$(selector).filter(criteria,function(index))

Parameter Description
criteria Optional. Specifies a selector expression, a jQuery object or one or more elements to be returned from a group of selected elements.

Tip: To specify multiple criteria, use comma.
function(index Optional. Specifies a function to run for each element in the set. If it returns true, the element is kept. Otherwise, the element is removed.
  • index - The index position of the element in the set
Note: this is the current DOM element.

직접 해보십시오 - 예


:even 선택기를 filter()와 함께 사용하여 짝수인 모든 <p> 요소를 반환합니다.


클래스가 "intro"이고 ID가 "outro"인 모든 <p> 요소를 반환하는 방법.


와 함께 <div> 요소 내부에 "intro" 클래스가 있는 모든 <p> 요소를 반환하는 방법.


요소와 함께 ID가 "intro"인 <p> 요소를 반환하는 방법.


사용 함수를 사용하여 내부에 두 개의 <span> 요소가 있는 모든 <p> 요소를 선택하는 방법.


❮ jQuery 탐색 방법