Maison > interface Web > js tutoriel > le corps du texte

Comment sélectionner des éléments d'entrée avec des crochets dans l'attribut de nom à l'aide de jQuery ?

DDD
Libérer: 2024-11-16 15:44:03
original
387 Les gens l'ont consulté

How to Select Input Elements with Brackets in the Name Attribute Using jQuery?

Interrogation d'éléments d'entrée avec des crochets dans le nom de l'attribut

Lorsque vous essayez de sélectionner des éléments d'entrée avec des crochets dans l'attribut de nom, l'utilisation d'expressions régulières peut être difficile. Explorons des méthodes alternatives pour y parvenir dans jQuery.

Le code HTML fourni comprend un élément d'entrée avec un attribut name qui contient des crochets :

<input type="text" name="inputName[]" value="someValue">
Copier après la connexion

Tentative mais sans succès Sélecteurs

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

Solution

Comme selon la documentation jQuery, nous pouvons utiliser la syntaxe suivante pour sélectionner l'élément souhaité :

$('input[inputName\[\]=someValue]')
Copier après la connexion

Sélecteur alternatif

Cependant, l'intention initiale peut être de sélectionner l'élément basé sur les attributs de nom et de valeur. Dans ce cas, la syntaxe correcte serait :

$('input[name="inputName[]"][value="someValue"]')
Copier après la connexion

Avec ce sélecteur révisé, vous pouvez interroger avec succès les éléments d'entrée qui ont des crochets dans leur attribut de nom et un attribut de valeur spécifique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal