Filtrer des éléments avec Jquery

2015avril29

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();

Commentaires

 Clément Levallois
 18000 Bourges
 SIRET : 81783887300021