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
Susan Sarandonoriginal
2024-11-26 17:33:15920parcourir

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]')

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]')

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"]')

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!

Déclaration:
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