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

jQuery метод filter()

Методы遍ения jQuery

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

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

Метод filter() вnot()Метод обратный.

Грамматика:

Получение элементов, соответствующих определенным условиям:

$(selector).filter(criteria)

Использование функции для получения элементов:

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

Пример

Возврат всех абзацев с классом "demo":

$("document").ready(function(){
  $("p").filter(".demo").css("background", "coral");
});
Проверьте, как это работает‹/›

Возврат всех чётных элементов:

$("document").ready(function(){
  $("li").filter(:even).css("background", "coral");
});
Проверьте, как это работает‹/›

Изменить цвет всех div; затем добавить стиль рамки для пользователей с классом "middle":

$("document").ready(function(){
  $("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red");
});
Проверьте, как это работает‹/›

Использовать функцию для фильтрации элементов:

$("document").ready(function(){
  $("div").filter(function(i){  
        return $(this).hasClass("middle");
  }).css("background-color", "blue");
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрОписание
criteriaУказать выражение выбора селектора, объект jQuery или один или несколько элементов, возвращенных из группы выбранных элементов.
Чтобы указать несколько условий, используйте запятую
function(index)Указать функцию для тестирования каждого элемента в集合е
  • index-Вернуть индекс位置的 элемента в集合е

Методы遍ения jQuery