TOC

пример jQuery filter ()

JQuery фильтр () пример

Функция фильтра jQuery - это полезная функция для извлечения ваших элементов из набора соответствующих элементов с помощью соответствующего элемента выбора или теста функции.

1. фильтр (селектор)

В наборе совпадающих элементов получите элементы, которые соответствуют только селектору filter ().

Например, 

$("div").filter("#div1").css('background-color', 'blue');

Соответствует всем элементам div, выберите элементы div, которые содержат идентификатор «div1», и измените цвет фона элемента на синий.

2. фильтр (функция)

В наборе совпадающих элементов получите элементы, которые проходят тест функции. Функция передает параметр индекса внутрь, который представляет индекс соответствующих элементов, начиная отсчет с 0.

Например, 

$('div').filter(function(index) {
    if(index==2 || index==3){ //0 index based
        return true;
    }
}).css('background-color', 'blue');

Подберите все элементы div, отфильтруйте с помощью функции, чтобы выбрать только третий (2) и четвертый (3) элементы div. 

$('div').filter(function(index) {
    return $("b", this).length == 1;
}).css('background-color', 'blue');

Соответствует всем элементам div, отфильтруйте с помощью функции, чтобы выбрать элемент div, который содержит тег .

JQuery фильтр () пример 



jQuery filter example








jQuery filter example







    This is div 1 with 'b' tag




    This is div 2




    This is div 3 with 'b' tag




    This is div 4

Попробуйте демо

Related