Maison > interface Web > js tutoriel > Comment sélectionner correctement les éléments d'entrée avec des crochets dans leur attribut de nom à l'aide de jQuery ?

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

Susan Sarandon
Libérer: 2024-11-26 17:33:15
original
973 Les gens l'ont consulté

How to Correctly Select Input Elements with Square Brackets in Their Name Attribute using jQuery?

Sélection d'éléments d'entrée avec des crochets dans les attributs de nom à l'aide de jQuery

Lorsque vous essayez de sélectionner des éléments d'entrée avec des crochets dans l'attribut de nom, les utilisateurs peut rencontrer des difficultés avec les sélecteurs jQuery traditionnels. Cet article explore l'approche correcte pour sélectionner de tels éléments.

Énoncé du problème

L'extrait de code suivant illustre les tentatives de sélection d'un élément d'entrée avec un attribut de nom contenant des crochets :

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

Cependant, ces approches ne donnent pas les résultats souhaités. résultat.

Solution

Selon la documentation jQuery, la syntaxe correcte pour échapper aux caractères spéciaux dans l'attribut name consiste à utiliser le caractère barre oblique inverse () comme suit :

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

Correction du sélecteur d'origine

De plus, le le sélecteur d'origine tentait de combiner deux conditions :

  • Sélectionnez les entrées portant le nom "inputName[]"
  • Filtrez les résultats pour inclure uniquement ceux avec une valeur de "someValue"

Le bon sélecteur, combinant les méthodes d'échappement des caractères spéciaux et de filtrage, be :

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

Ce sélecteur localise avec succès l'élément d'entrée avec l'attribut de nom "inputName[]" et la valeur "someValue".

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal