Bagaimana untuk Mengubah Kelas Elemen TD Menggunakan jQuery Berdasarkan IDnya?

jQuery: Tukar Nama Kelas Elemen DOM Tertentu berdasarkan ID

Soalan ini menangani senario biasa di mana kita perlu mengubah suai nama kelas bagi elemen td tertentu dalam halaman web. Matlamat kami adalah untuk mencapai ini secara pemrograman dari dalam pengendali acara klik elemen DOM yang lain.

Penyelesaian menggunakan jQuery:

jQuery menyediakan berbilang kaedah untuk memanipulasi atribut kelas bagi elemen HTML.

Menetapkan Kelas (Ganti Sedia Ada Kelas):
Untuk menetapkan nama kelas sepenuhnya, tanpa mengira nilai sebelumnya, gunakan kaedah .attr():

$("#td_id").attr("class", "newClass");

Menambah Kelas (Lampirkan pada Kelas Sedia Ada Senarai):
Jika anda ingin menambah kelas sambil mengekalkan mana-mana kelas sedia ada, gunakan .addClass() kaedah:

$("#td_id").addClass("newClass");

Menukar Kelas (Tukar Antara Kelas):
Untuk cara yang mudah untuk menukar kelas, gunakan kaedah .toggleClass():

$("#td_id").toggleClass("change_me newClass");

Kaedah ini membolehkan kami menukar nama kelas elemen sasaran td secara dinamik berdasarkan IDnya, membolehkan kami ubah suai penggayaan elemen secara pengaturcaraan.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Kelas Elemen TD Menggunakan jQuery Berdasarkan IDnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!