Bagaimanakah Saya Boleh Menyembunyikan Lajur Jadual HTML Secara Selektif Menggunakan Pemilih Atribut jQuery?

Memilih Elemen mengikut Nama dengan jQuery

Apabila bekerja dengan jadual HTML, anda mungkin menghadapi situasi di mana anda perlu memanipulasi elemen berdasarkan namanya . jQuery menawarkan kaedah yang mudah untuk memilih elemen mengikut atribut nama mereka.

Dalam contoh anda, anda cuba menyembunyikan lajur dengan memilihnya mengikut nama menggunakan $("tcol1").hide(). Walau bagaimanapun, pendekatan ini tidak berfungsi kerana kaedah hide() jQuery hanya menerima pemilih kelas.

Untuk memilih elemen mengikut nama, anda boleh menggunakan pemilih atribut jQuery. Kod berikut menunjukkan beberapa cara untuk memadankan elemen berdasarkan namanya:

// Matches exactly 'tcol1'
$('td[name="tcol1"]')

// Matches those that begin with 'tcol'
$('td[name^="tcol"]')

// Matches those that end with 'tcol'
$('td[name$="tcol"]')

// Matches those that contain 'tcol'
$('td[name*="tcol"]')

Pemilih ini boleh digunakan untuk menyembunyikan elemen seperti berikut:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Lajur Jadual HTML Secara Selektif Menggunakan Pemilih Atribut jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!