Traversée jQuery - filtrage

Traversée jQuery - filtrage

Plage d'abréviations des éléments de recherche

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

D'autres méthodes de filtrage telles que filter() et not() permettent de sélectionner des éléments qui correspondent ou non à un critère spécifié.

Méthode jQuery first()

La méthode first() renvoie le premier élément de l'élément sélectionné.

L'exemple suivant sélectionne le premier élément <p> à l'intérieur du premier élément <div> :

Exemple

$(document).ready(function(){
  $("div p").first();
});

méthode jQuery last()

La méthode last() renvoie le dernier élément de l'élément sélectionné.

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

Exemple

$(document).ready(function(){
  $("div p").last();
});

méthode jQuery eq()< La La méthode 🎜>

eq() renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés.

Les indices commencent à 0, donc l'indice du premier élément est 0 au lieu de 1. L'exemple suivant sélectionne le deuxième élément <p> (numéro d'index 1) :

Instance

$(document).ready(function(){
  $("p").eq(1);
});

méthode jQuery filter()

filter Le () permet de spécifier un critère. Les éléments qui ne correspondent pas à ce critère sont supprimés de la collection et les éléments correspondants sont renvoyés.

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

Instance

$(document).ready(function(){
  $("p").filter(".intro");
});

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

Astuce : La méthode not() est l'opposé de filter().

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

Instance

$(document).ready(function(){  
$("p").not(".intro");
});