Bagaimana untuk Memilih Elemen mengikut Nama Atribut dalam jQuery?

Memilih Elemen mengikut Atribut Nama dalam jQuery

Dalam jQuery, memilih elemen mengikut nama kelas menggunakan $(".bold") adalah mudah. Walau bagaimanapun, kesukaran timbul apabila cuba memilih elemen mengikut atribut nama, seperti $("tcol1").

Isunya

Pertimbangkan HTML berikut:

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

Semasa memilih mengikut kelas ($(".bold")) berfungsi dengan sempurna, memilih mengikut nama ($("tcol1")) nampaknya sia-sia. Ini kerana jQuery memerlukan sintaks yang lebih bernuansa untuk menyasarkan elemen mengikut atribut namanya.

Menggunakan Pemilih Atribut jQuery

Untuk memilih elemen mengikut atribut namanya, gunakan pemilih atribut jQuery. Berikut ialah beberapa pilihan biasa:

• Padanan Tepat: $('td[name="tcol1"]')
• Awalan Padanan: $('td[name^="tcol"]')
• Sufiks Padanan: $('td[name$="tcol"]')
• Syarikat Pemadanan: $('td[name*="tcol"]')

Dengan menggunakan pemilih atribut ini, anda boleh menyasarkan elemen dengan mudah berdasarkan atribut nama mereka .

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen mengikut Nama Atribut dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!