Rechercher un élément HTML via une partie de la valeur d'un de ses attributs avec jQuery

Rechercher un élément HTML via une partie de la valeur d'un de ses attributs avec jQuery
par Rémi Leclerc, le 13/03/2016

jQuery propose plusieurs sélecteurs permettant de récupérer des éléments du DOM. Notamment si un de leurs attributs :

  • Possède exactement telle valeur,
  • Comment par telle valeur,
  • Finit par telle valeur,
  • Ne possède pas telle valeur.

L'exemple suivant récupère les éléments dont la valeur de l'attribut class vaut exactement toto.

$('[class=toto]')

L'exemple suivant récupère les éléments dont la valeur de l'attribut id commence par toto.

$('[id^=toto]')

L'exemple suivant récupère les éléments <div> dont la valeur de l'attribut id se termine par titi.

$('div[id$=titi]')

L'exemple suivant récupère les éléments <span> dont la valeur de l'attribut class n'est pas toto, ainsi que les éléments ne possédant pas d'attribut class.

$('span[class!=toto]')