Heim > Web-Frontend > js-Tutorial > Wie wähle ich mit jQuery Eingabeelemente mit eckigen Klammern in ihrem Namensattribut korrekt aus?

Wie wähle ich mit jQuery Eingabeelemente mit eckigen Klammern in ihrem Namensattribut korrekt aus?

Susan Sarandon
Freigeben: 2024-11-26 17:33:15
Original
914 Leute haben es durchsucht

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

Auswählen von Eingabeelementen mit eckigen Klammern in Namensattributen mit jQuery

Beim Versuch, Eingabeelemente mit eckigen Klammern im Namensattribut auszuwählen, Benutzer kann mit herkömmlichen jQuery-Selektoren auf Schwierigkeiten stoßen. In diesem Artikel wird der richtige Ansatz zur Auswahl solcher Elemente untersucht.

Problemstellung

Der folgende Codeausschnitt zeigt Versuche, ein Eingabeelement mit einem Namensattribut auszuwählen, das eckige Klammern enthält:

$('input[inputName[]=someValue]')
$('input[inputName[]=someValue]')
$('input["inputName[]"=someValue]')
Nach dem Login kopieren

Allerdings bringen diese Ansätze nicht den gewünschten Erfolg Ergebnis.

Lösung

Laut der jQuery-Dokumentation besteht die korrekte Syntax zum Escapezeichen von Sonderzeichen im Namensattribut darin, den Backslash () wie folgt zu verwenden:

$('input[inputName\[\]=someValue]')
Nach dem Login kopieren

Das Original korrigieren Selektor

Darüber hinaus versuchte der ursprüngliche Selektor, zwei Bedingungen zu kombinieren:

  • Eingaben mit dem Namen „inputName[]“ auswählen
  • Ergebnisse filtern nach Schließen Sie nur diejenigen mit dem Wert „someValue“ ein

Der richtige Selektor, der die Methoden für kombiniert Sonderzeichen maskieren und filtern, wäre:

$('input[name="inputName[]"][value="someValue"]')
Nach dem Login kopieren

Dieser Selektor findet erfolgreich das Eingabeelement mit dem Namensattribut „inputName[]“ und dem Wert „someValue“.

Das obige ist der detaillierte Inhalt vonWie wähle ich mit jQuery Eingabeelemente mit eckigen Klammern in ihrem Namensattribut korrekt aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage