Derniers tutoriels de développement web
 

jQuery Traversant - Filtrage


Affinez la recherche d'éléments

Les trois méthodes de filtrage les plus élémentaires sont en first(), last() et eq() , qui vous permettent de sélectionner un élément spécifique en fonction de sa position dans un groupe d'éléments.

D' autres méthodes de filtrage, comme filter() et not() vous permettent de sélectionner les éléments qui correspondent ou ne correspondent pas, un certain nombre de critères.


jQuery first() Méthode

Le first() méthode renvoie le premier élément des éléments sélectionnés.

L'exemple suivant sélectionne la première <p> élément dans le premier <div> élément:

Exemple

$(document).ready(function(){
    $("div p").first();
});
Essayez - le vous - même »

jQuery last() Méthode

La last() méthode retourne le dernier élément des éléments sélectionnés.

L'exemple suivant sélectionne le dernier <p> élément dans le dernier <div> élément:

Exemple

$(document).ready(function(){
    $("div p").last();
});
Essayez - le vous - même »

jQuery eq() la méthode

Le eq() méthode renvoie un élément avec un numéro d'index spécifique des éléments sélectionnés.

Les numéros d'index commencent à 0, de sorte que le premier élément aura le numéro d'index 0 et non 1. L'exemple suivant sélectionne le second <p> élément (numéro d'index 1):

Exemple

$(document).ready(function(){
    $("p").eq(1);
});
Essayez - le vous - même »

jQuery filter() Méthode

Le filter() méthode vous permet de spécifier un critère. Les éléments qui ne correspondent pas aux critères sont retirés de la sélection, et ceux qui correspondent seront retournés.

L'exemple suivant renvoie tous les <p> éléments avec un nom de classe "intro" :

Exemple

$(document).ready(function(){
    $("p").filter(".intro");
});
Essayez - le vous - même »

jQuery not() Méthode

Le not() méthode renvoie tous les éléments qui ne correspondent pas aux critères.

Astuce: Le not() méthode est l'opposé du filter() .

L'exemple suivant renvoie tous les <p> éléments qui ne possèdent pas le nom de classe "intro" :

Exemple

$(document).ready(function(){
    $("p").not(".intro");
});
Essayez - le vous - même »

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 » Exercice 6»


jQuery Traversant Référence

Pour un aperçu complet de toutes les méthodes jQuery traversions, s'il vous plaît aller à notre déplacement de référence jQuery .