Sélecteur jQuery pour les entrées avec des crochets dans l'attribut de nom

Question

J'essaie de sélectionner cet élément dont l'attribut name comporte des crochets :

<input type="text" name="inputName[]" value="someValue">

J'ai essayé ceci (qui ne fonctionne pas) :

$('input[inputName[]=someValue]')

et ceci non plus :

$('input[inputName[]=someValue]')

ou ceci :

$('input["inputName[]"=someValue]')

EDIT : Comme certains d'entre vous l'ont souligné, $('input[inputName=someValue]') ne fonctionnerait jamais. Ce que j'essayais de faire était : $('input[name=inputName][value=someValue]') . (Mais avec [] dans l'attribut name).

Answer 1

Par le Documentation sur jQuery essayez ceci :

$('input[inputName\\[\\]=someValue]')

[EDIT] Cependant, je ne suis pas sûr que ce soit la bonne syntaxe pour votre sélecteur. Vous voulez probablement :

$('input[name="inputName[]"][value="someValue"]')

Answer 2

Vous pouvez utiliser le backslash pour citer des caractères "amusants" dans vos sélecteurs jQuery :

$('#input\\[23\\]')

Pour les valeurs d'attributs, vous pouvez utiliser des guillemets :

$('input[name="weirdName[23]"]')

Votre exemple me laisse un peu perplexe ; à quoi ressemble exactement votre HTML ? Où apparaît la chaîne "inputName", en particulier ?

modifier correction de la bogosité ; merci @Dancrumb

Answer 3

La syntaxe du sélecteur d'attributs est la suivante [name=value] donde name est le nom de l'attribut et value est la valeur de l'attribut.

Donc si vous voulez sélectionner tous les input avec l'attribut name ayant la valeur inputName[] :

$('input[name="inputName[]"]')

Et si vous voulez vérifier deux attributs (ici : name y value ) :

$('input[name="inputName[]"][value=someValue]')

Answer 4

Si le sélecteur est contenu dans une variable, le code ci-dessous peut être utile :

selector_name = $this.attr('name');
//selector_name = users[0][first:name]

escaped_selector_name = selector_name.replace(/(:|\.|\[|\])/g,'\\$1');
//escaped_selector_name = users\\[0\\]\\[first\\:name\\]

Dans ce cas, nous faisons précéder tous les caractères spéciaux d'un double backslash.

Answer 5

Essayez ça :

$('input[name="inputName\\[\\]"]')

Vous devez échapper aux parenthèses [ ] en utilisant la barre oblique inversée.