TOC

Exemple avec jQuery filter ()

Exemple de filtre jQuery ()

La fonction de filtre jQuery est une fonctionnalité utile pour extraire vos éléments d'un ensemble d'éléments correspondants, en utilisant le sélecteur correspondant ou le test de la fonction.

1. filtre (sélecteur)

Dans un ensemble d'éléments correspondants, obtenez uniquement les éléments qui correspondent au sélecteur filter ().

Par exemple, 

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

Faites correspondre tous les éléments div, sélectionnez les éléments div qui contiennent l'id de "div1" et changez la couleur d'arrière-plan de l'élément en bleu.

2. filtre (fonction)

Dans un ensemble d'éléments correspondants, obtenez les éléments qui réussissent le test de la fonction. La fonction transmet un paramètre d'index à l'intérieur, qui représente l'index des éléments correspondants, en commençant le compte à partir de 0.

Par exemple, 

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

Correspond à tous les éléments div, filtre avec fonction pour sélectionner uniquement les troisième (2) et quatrième (3) éléments div. 

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

Correspond à tous les éléments div, filtrez avec la fonction pour sélectionner l'élément div qui contient la balise .

Exemple de filtre 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

Essayez la démo

Related