Wie kann ich ein Element nach Namen mit jQuery auswählen?

Question

Ich habe eine Tabellenspalte, die ich versuche zu erweitern und zu verbergen. jQuery scheint die <td> Elemente, wenn ich sie mit class aber nicht durch das Element name .

Zum Beispiel:

$(".bold").hide(); // Selecting by class works.
$("tcol1").hide(); // Selecting by name does not work.

Beachten Sie das unten stehende HTML. Die zweite Spalte hat die gleiche name für alle Zeilen. Wie kann ich diese Sammlung mit Hilfe des name Attribut?

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

Answer 1

Rahmenwerke verwenden in der Regel Klammerbezeichnungen in Formularen, wie:

<input name=user[first_name] />

Sie sind zugänglich über:

// in JS:
this.querySelectorAll('[name="user[first_name]"]')

// in jQuery:
$('[name="user[first_name]"]')

// or by mask with escaped quotes:
this.querySelectorAll("[name*=\"[first_name]\"]")

Answer 2

Ich habe das so gemacht und es funktioniert:

$('[name="tcol1"]')

https://api.jquery.com/attribute-equals-selector/

Answer 3

Sie haben den zweiten Satz von Anführungszeichen vergessen, was die akzeptierte Antwort falsch macht:

$('td[name="tcol1"]')

Answer 4

Sie können jedes Attribut als Selektor verwenden mit [attribute_name=value] .

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

Answer 5

Hier ist eine einfache Lösung: $('td[name=tcol1]')