English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery filter() 메서드

jQuery는 필터링에 사용될 수 있습니다./일정한 요소 집합에서 특정 요소를 검색합니다.

jQuery filter() 메서드

jQuery filter()특정 조건에 맞는 요소를 반환하는 메서드입니다.

이 방법은 선택된 조건에 맞지 않는 모든 요소를 필터링하고, 일치하는 항목을 반환합니다.

테이블 필터링

다음 예제는 테이블 항목에 대소문자를 구분하지 않고 검색을 수행합니다:

입력 필드에 내용을 입력하여 테이블에서 이름, 도시 또는 전화를 검색하세요:


이름전화
Seagull뉴델리999945850
Espy咪唑仑8425896528
Mudit斋浦尔9858621233
Ankit밴가로르9560478555
Nancy뉴델리9210154545
코드 실행

예제 설명:

  • filter()입력 필드의 값과 일치하는 텍스트 값이 있는지 확인하는 메서드

  • toggle()검색과 일치하지 않는 행을 숨기는 메서드

  • toLowerCase()텍스트를 소문자로 변환하는 메서드는 검색이 대소문자 구분 없이 이루어집니다

리스트 필터링

다음 예제는 목록 항목에 대소문자를 구분하지 않고 검색을 수행합니다:

입력 필드에 내용을 입력하여 목록 항목을 검색하세요:


  • 런던

  • 뉴델리

  • 베이징

  • 밴가로르

  • 밴가로르

코드 실행

기타 요소 필터링

다음 예제는 DIV 요소 내에서 대소문자를 구분하지 않고 검색을 수행합니다:

입력 필드에 내용을 입력하세요:


이것은 첫 번째 문장입니다。

이것은 두 번째 문장입니다。

이것은 DIV 요소입니다.

이것은 마지막 문장입니다。

코드 실행