Heim  >  Artikel  >  Web-Frontend  >  Wie kann ich mit jQuery ein HTML-Element anhand seines Namensattributs auswählen?

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

Susan Sarandon
Susan SarandonOriginal
2024-11-20 21:40:15607Durchsuche

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>

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

$('td[name="tcol1"]').hide();

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!

Stellungnahme:
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