Wie wähle ich Elemente nach Namensattribut in jQuery aus?

Auswählen von Elementen nach Namensattribut in jQuery

In jQuery ist das Auswählen von Elementen nach Klassennamen mit $(".bold") unkompliziert. Es treten jedoch Schwierigkeiten auf, wenn versucht wird, Elemente anhand des Namensattributs auszuwählen, z. B. $("tcol1").

Das Problem

Beachten Sie den folgenden HTML-Code:

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

Während die Auswahl nach Klasse ($(".bold")) perfekt funktioniert, scheint die Auswahl nach Namen ($("tcol1")) sinnlos. Dies liegt daran, dass jQuery eine differenziertere Syntax erfordert, um Elemente anhand ihres Namensattributs anzusprechen.

Verwendung des jQuery-Attributselektors

Um Elemente anhand ihres Namensattributs auszuwählen, verwenden Sie den jQuery-Attributselektor. Hier sind ein paar gängige Optionen:

• Genaue Übereinstimmung: $('td[name="tcol1"]')
• Übereinstimmendes Präfix: $('td[name^="tcol"]')
• Übereinstimmung Suffix: $('td[name$="tcol"]')
• Übereinstimmende Teilzeichenfolge: $('td[name*="tcol"]')

Durch den Einsatz dieser Attributselektoren können Sie Elemente ganz einfach anhand ihrer Namensattribute gezielt ansprechen.

Das obige ist der detaillierte Inhalt vonWie wähle ich Elemente nach Namensattribut in jQuery aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!