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

Je suis en train de sélectionner cet élément qui a des crochets dans le nom de l'attribut:

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

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

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

et pas plus que cela:

$('input[inputName&#91;&#93;=someValue]')

ou ceci:

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

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

  • oui, bien que j'ai demandé près d'un an avant l'autre question que vous mentionnez.
InformationsquelleAutor aidan | 2010-03-02
  1. 246

    Par la jQuery documentation, essayez ceci:

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

    [MODIFIER]
    Cependant, je ne suis pas sûr que c'est la bonne syntaxe pour votre sélection. Vous voulez probablement:

    $('input[name="inputName[]"][value="someValue"]')
    • Bonne prise. La raison pour avoir besoin de deux barres obliques inverses parce qu'une seule barre oblique inverse est interprété comme un JavaScript chaîne de caractère d'échappement, de sorte que vous besoin de deux pour spécifier un backslash, ce qui donne le caractère d'échappement pour le sélecteur... ah, les joies de plusieurs niveaux de personnage s'échapper.
    • C'est fou donné Gumbo de réponse ci-dessous. Double échappement.. Non merci!
    • MERCI!!!!! Exactement ce dont j'avais besoin.
    • Mis à jour pour se débarrasser de l'échappement
    • Je vous remercie pour cela. C'est juste une question de l'aide d'expressions régulières. Ceci est très utile lors de la soumission de formulaire directement les données dans un tableau ou d'une liste à l'intérieur de votre vue préférée cadre. Qui m'a aussi aidé à répondre à la question sur la suppression des objets avec plusieurs clé primaire éléments. 😉
    InformationsquelleAutor Dancrumb
  2. 75

    Vous pouvez utiliser la barre oblique inverse de citer "drôle" de caractères dans votre sélecteurs jQuery:

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

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

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

    Maintenant, je suis un peu confus par votre exemple; exactement ce que fait votre code HTML ressemble? Où est la chaîne "inputName" montrer, en particulier?

    modifier fixe note; merci @Dancrumb

    • jQuery documentation stipule que les deux barres obliques inverses sont nécessaires pour s'échapper.
    • oh durr vous avez raison, ce n'est pas tellement pour jQuery lui-même, mais parce que le Javascript va analyser les simples! Merci.
    • voté jusqu'suivant modifier
    • Je ne suis pas en mesure de sélectionner (par coïncidence une balise select) <select name="foo[bar]"> à l'aide de $('select[name=foo\\[bar\\]]') cependant j' suis en mesure de le faire à l'aide de $('select[name="foo[bar]"]), vous deuxième suggestion.
    • Merci pour l'ajout de cette réponse! À l'aide de citations est plus pratique que la trajectoire de la solution lors de la construction de sélecteurs de façon dynamique.
    InformationsquelleAutor Pointy
  3. 51

    L'attribut sélecteur de syntaxe est [name=value] où name est le nom de l'attribut et value est la valeur de l'attribut.

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

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

    Et si vous souhaitez vérifier les deux attributs (ici: name et value):

    $('input[name="inputName[]"][value=someValue]')
    • C'est beaucoup plus agréable que tout ce qui jeu de fuir, et je peux confirmer qu'il fonctionne sur Chrome 9 et IE6. La version JQuery voici 1.4.4
    • Merci pour l'ajout de cette réponse! À l'aide de citations est plus pratique que la trajectoire de la solution lors de la construction de sélecteurs de façon dynamique.
    • Fonctionne pour moi en 1.8.3, nice.
    • bonne astuce, résolu pour moi aussi. Le s'échapper par une double barre oblique inverse \\[test\\] ne fonctionne pas, étrange.
    • Ce doit être la accepté de répondre!
    InformationsquelleAutor Gumbo
  4. 6

    Si le sélecteur est contenue dans une variable, le code ci-dessous peuvent être utiles:

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

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

    Dans ce cas, nous préfixe tous les caractères spéciaux avec double barre oblique inverse.

    • sélecteur.replace(/([|])/g,'\\\\$1'); travaillé un peu mieux pour moi, car il ajoute de l'échappé des barres obliques et le produit des deux, pas un seul d'échappement barre oblique...
    • Cette juste TOTALEMENT accro moi! Merci!!!!!
    • rappelez-vous juste que vous avez aussi besoin d'échapper à certains autres caractères, y compris les deux-points, les périodes ainsi
    InformationsquelleAutor Eric Kigathi