Heim > Web-Frontend > js-Tutorial > Wie kann ich HTML-Tabellenspalten mithilfe der Attributselektoren von jQuery selektiv ausblenden?

Wie kann ich HTML-Tabellenspalten mithilfe der Attributselektoren von jQuery selektiv ausblenden?

Barbara Streisand
Freigeben: 2024-11-30 13:03:12
Original
748 Leute haben es durchsucht

How Can I Selectively Hide HTML Table Columns Using jQuery's Attribute Selectors?

Auswählen von Elementen nach Namen mit jQuery

Bei der Arbeit mit HTML-Tabellen kann es vorkommen, dass Sie Elemente anhand ihrer Namen manipulieren müssen . jQuery bietet eine praktische Methode zum Auswählen von Elementen anhand ihres Namensattributs.

In Ihrem Beispiel haben Sie versucht, eine Spalte auszublenden, indem Sie sie mithilfe von $("tcol1").hide() anhand ihres Namens auswählen. Dieser Ansatz hat jedoch nicht funktioniert, da die hide()-Methode von jQuery nur Klassenselektoren akzeptiert.

Um Elemente nach Namen auszuwählen, können Sie den jQuery-Attributselektor verwenden. Der folgende Code zeigt mehrere Möglichkeiten, Elemente anhand ihrer Namen zuzuordnen:

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')
Nach dem Login kopieren

Diese Selektoren können verwendet werden, um die Elemente wie folgt auszublenden:

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

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Tabellenspalten mithilfe der Attributselektoren von jQuery selektiv ausblenden?. 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