Filtrer des éléments avec Jquery

29 avril 2015

jquery

On a tous besoin un jour de filtrer des éléments autrement que par une classe ou un id avec Jquery, pour cela, vous pouvez utiliser la méthode filter

Principe

La méthode filter permet de filtrer de différentes manières. Elle ne prend qu’un seul paramètre. Vous pouvez alors filtrer :

  • suivant un selecteur (par exemple .element)
  • par rapport à un élément DOM (document.getElementByID(‘mon_element’)
  • par rapport à une sélection précédente effectuée en jQuery
  • par rapport à une fonction (le top !) qui prend en compte 2 paramètres :
    • l’index de l’élément par rapport aux autres
    • l’objet élément

Filtrer les éléments qui contiennent un texte donné

Pour obtenir la liste des éléments contenant une chaîne de caractères, utilisez le javascript ci-dessous (on veut dans se cas masquer les éléments contenant la chaîne toto)

 //le deuxiemen parametre i permet de faire une recherche insensible à la casse
 var reg=new RegExp('(toto)', 'i');
 $('p').filter(function(i, e){
  return reg.test($(e).text());
 }).hide();

En complément de cet article

Mémento jQuery

A partir de 7
Voir le produit

Commentaires

Me contacter

3 rue Garibaldi
18000 Bourges
SIRET : 81783887300021

06 22 32 96 18

contact@clementlevallois.fr

Liens amis
  • Nicolas Vannier, Création de sites à Bourges
  • AuréliA, Photographe à Bourges
  • JM Dubettier, consultant en communication
Mon actualité

Facebook Twitter

Plan du site | Mentions légales | Contactez-moi