Comment sélectionner des éléments sur des valeurs d'attributs multiples ?

Question

Avec jQuery, il est facile de sélectionner des éléments ayant une valeur d'attribut donnée.

Par exemple :

var elements = $('div[attr1="value1"]');

Mais comment puis-je sélectionner sur plusieurs attributs (par exemple, attr1 = value1 y attr2 = value2 )?

Answer 1

Étant donné que jquery utilise des sélecteurs CSS, tels que définis par la spécification CSS, un sélecteur avec plusieurs conditions aura l'apparence suivante :

$('div[attr1="value1"][attr2="value2"]')

voir la spécification CSS pour plus de références : http://www.w3.org/TR/CSS2/selector.html#matching-attrs

Answer 2

Vous pouvez par exemple enchaîner et filtrer comme suit

var elements = $('div[attr1="value1"]').filter('div[attr2="value2"]');

Answer 3

Je trouve cette solution assez simple.

$('[attr1="home"][attr2="settings"]')

Answer 4

Vous pouvez même cibler un élément comme ceci :

const elem = $('.className[type="checkbox"][name="someName"]')

ou de manière plus dynamique avec un paramètre :

const elem = $('.elemClassName_'+$(this).data('id')+'[type="checkbox"][name="someName"]')

J'utilise le dernier exemple pour cibler une case à cocher lorsque la valeur d'une entrée change. Ce qui précède est tiré de nombreux exemples, et ils fonctionnent pour moi.

Answer 5

Pour sélectionner plusieurs attributs, voir le code ci-dessous.

Ce code va trouver toutes les entrées qui ont un id et dont l'attribut name se termine par "man" et définit la valeur.

$( "input[id][name$='man']" ).val( "this input has id and name ends with 'man'" );