Wie kann ich mit jQuery eine Tabellenspalte nach Namen ausblenden oder anzeigen?

So blenden Sie mit jQuery eine bestimmte Tabellenspalte anhand ihres Namens aus oder ein

Das Auswählen von Elementen nach Klasse mit jQuery ist unkompliziert. Wenn Sie jedoch Elemente anhand ihres Namensattributs ansprechen möchten, kann es zu unerwarteten Ergebnissen kommen. In diesem Artikel wird gezeigt, wie Sie eine bestimmte Tabellenspalte mit der Attributauswahl von jQuery ein- und ausblenden.

Betrachten Sie die folgende HTML-Tabelle, in der die zweite Spalte für alle Zeilen denselben Namen, „tcol1“, hat:

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

Mithilfe der Klassenauswahl können wir die zweite Spalte einfach ausblenden:

$(".bold").hide();

Wir versuchen jedoch, die auszublenden Die zweite Spalte nach ihrem Namen mit der Standardauswahlmethode funktioniert nicht:

$("tcol1").hide();

Um Elemente nach ihrem Namen auszuwählen, stellt jQuery den Attributselektor bereit. Das folgende Codebeispiel zeigt, wie Sie die zweite Spalte mithilfe des Attributselektors auswählen und ausblenden:

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

Zusätzlich bietet der Attributselektor verschiedene Optionen zum Abgleichen verschiedener Namensattribute:

• $('td[name="tcol1"]'): Entspricht dem genauen Namen „tcol1“
• $('td[name^="tcol"]'): Entspricht Namen, die mit „tcol“ beginnen
• $(' td[name$="tcol"]'): Entspricht Namen, die mit enden „tcol“
• $('td[name*="tcol"]'): Entspricht Namen, die irgendwo „tcol“ enthalten

Durch die Verwendung von Mit der Attributauswahl können Sie bestimmte Elemente basierend auf ihren Namensattributen effizient ansprechen und manipulieren, sodass Sie in diesem Fall die gewünschte Spalte einfach erweitern oder ausblenden können.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery eine Tabellenspalte nach Namen ausblenden oder anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!