Bagaimanakah Saya Boleh Memilih Elemen HTML Dengan Nama Dengan Cekap Menggunakan jQuery?

Menyasarkan Elemen mengikut Nama dengan jQuery

Enjin pemilih berkuasa jQuery membolehkan pemilihan elemen yang tepat. Walaupun nama kelas menawarkan cara penyasaran yang serba boleh, artikel ini menyelidiki pemilihan elemen yang cekap dengan atribut nama mereka.

Pertimbangkan senario berikut: anda perlu memanipulasi lajur jadual bernama "tcol1," mengembangkan dan menyembunyikan ia secara dinamik. Nama kelas terbukti berkesan apabila digunakan, tetapi percubaan untuk memilih mengikut nama gagal.

Untuk mengatasi cabaran ini, jQuery menawarkan pemilih atribut. Dengan menggunakan atribut "nama", anda boleh mengakses elemen yang dikehendaki.

$('td[name="tcol1"]')   // Matches exactly 'tcol1'
$('td[name^="tcol"]')  // Matches those that begin with 'tcol'
$('td[name$="tcol"]')  // Matches those that end with 'tcol'
$('td[name*="tcol"]')  // Matches those that contain 'tcol'

Dalam contoh HTML yang disediakan, ketiga-tiga kejadian lajur kedua boleh disasarkan menggunakan:

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

Dengan memanfaatkan pemilih atribut, anda boleh mencipta koleksi jQuery yang tepat berdasarkan nama elemen, memastikan manipulasi elemen yang cekap dan interaksi DOM.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen HTML Dengan Nama Dengan Cekap Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!