Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich mit jQuery ein HTML-Element anhand seines Namensattributs auswählen?

Susan Sarandon
Freigeben: 2024-11-20 21:40:15
Original
606 Leute haben es durchsucht

How Can I Select an HTML Element by Its Name Attribute Using jQuery?

Auswählen eines Elements nach Namen mit jQuery

jQuery bietet verschiedene Methoden zum Auswählen von Elementen, aber die einfachste Methode ist die Auswahl eines Elements nach seinem Namen Das Namensattribut verwendet den Attributselektor. Mit dieser Methode können Sie das Namensattribut und den Wert angeben, mit denen Sie übereinstimmen möchten.

Um ein Element nach Namen auszuwählen, verwenden Sie die Syntax $('[name="element_name"]'). Zum Beispiel im bereitgestellten HTML:

<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

Um die zweite Spalte mit jQuery auszublenden, können Sie sie anhand ihres Namensattributs auswählen:

$('td[name="tcol1"]').hide();
Nach dem Login kopieren

Zusätzlich zur genauen Übereinstimmung jQuery bietet auch Attributselektoren, die Flexibilität beim Abgleich bieten:

  • StartsWith ('^'): Entspricht Elementen, deren Das Namensattribut beginnt mit dem angegebenen Wert, z. B. $('td[name^="tcol"]').
  • EndsWith ('$'): Entspricht Elementen, deren Namensattribut endet mit dem angegebenen Wert, z. B. $('td[name$="tcol"]').
  • Enthält ('*'): Entspricht Elementen, deren Namensattribut den angegebenen Wert enthält, z. B. $('td[name*="tcol"]').

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery ein HTML-Element anhand seines Namensattributs auswählen?. 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