Heim > Web-Frontend > js-Tutorial > Wie wähle ich Elemente nach Namensattribut in jQuery aus?

Wie wähle ich Elemente nach Namensattribut in jQuery aus?

DDD
Freigeben: 2024-11-21 00:32:12
Original
733 Leute haben es durchsucht

How to Select Elements by Name Attribute in jQuery?

Auswählen von Elementen nach Namensattribut in jQuery

In jQuery ist das Auswählen von Elementen nach Klassennamen mit $(".bold") unkompliziert. Es treten jedoch Schwierigkeiten auf, wenn versucht wird, Elemente anhand des Namensattributs auszuwählen, z. B. $("tcol1").

Das Problem

Beachten Sie den folgenden HTML-Code:

<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
  <td>data1</td>
  <td name="tcol1" class="bold"> data2</td>
</tr>
Nach dem Login kopieren

Während die Auswahl nach Klasse ($(".bold")) perfekt funktioniert, scheint die Auswahl nach Namen ($("tcol1")) sinnlos. Dies liegt daran, dass jQuery eine differenziertere Syntax erfordert, um Elemente anhand ihres Namensattributs anzusprechen.

Verwendung des jQuery-Attributselektors

Um Elemente anhand ihres Namensattributs auszuwählen, verwenden Sie den jQuery-Attributselektor. Hier sind ein paar gängige Optionen:

  • Genaue Übereinstimmung: $('td[name="tcol1"]')
  • Übereinstimmendes Präfix: $('td[name^="tcol"]')
  • Übereinstimmung Suffix: $('td[name$="tcol"]')
  • Übereinstimmende Teilzeichenfolge: $('td[name*="tcol"]')

Durch den Einsatz dieser Attributselektoren können Sie Elemente ganz einfach anhand ihrer Namensattribute gezielt ansprechen.

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

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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage