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

Метод filter() jQuery

jQuery можно использовать для фильтрации/поиска конкретных элементов в группе элементов.

Метод filter() jQuery

jQuery filter()Метод возвращает элементы, соответствующие определенным условиям.

Этот метод фильтрует все элементы, которые не соответствуют выбранным условиям, и возвращает соответствующие элементы.

Фильтрация таблицы

Ниже приведен пример поиска без учета регистра для элементов таблицы:

Введите содержимое в поле ввода, чтобы выполнить поиск по имени, городу или телефону в таблице:


НазваниеГородТелефон
SeagullНью-Дели999945850
EspyИмипрамин8425896528
MuditДжайпур9858621233
AnkitМумбай9560478555
NancyНью-Дели9210154545
Запуск кода

Объяснение примера:

  • filter()Метод проверки наличия текста, значение которого соответствует значению поля ввода

  • toggle()Метод скрытия строк, не соответствующих поисковому запросу

  • toLowerCase()Метод, который преобразует текст в строчную букву, делая поиск нечувствительным к регистру

Фильтрация списка

Ниже приведен пример поиска без учета регистра в элементах списка:

Введите содержимое в поле ввода для поиска элементов списка:


  • Лондон

  • Нью-Дели

  • Пекин

  • Мумбай

  • Бангалор

Запуск кода

Фильтрация других элементов

Ниже приведен пример поиска без учета регистра в элементе DIV:

Введите содержимое в поле ввода:


Это первый абзац.

Это второй абзац.

Это элемент DIV.

Это последний абзац.

Запуск кода