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