Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menambah Kelas Secara Dinamik pada Elemen Berdasarkan Nilai Atribut Datanya Menggunakan jQuery?

Bagaimana untuk Menambah Kelas Secara Dinamik pada Elemen Berdasarkan Nilai Atribut Datanya Menggunakan jQuery?

Linda Hamilton
Linda Hamiltonasal
2024-11-04 15:02:03634semak imbas

How to Dynamically Add a Class to an Element Based on Its Data Attribute Value Using jQuery?

Mencari Elemen dengan Nilai Atribut Data Tertentu Menggunakan jQuery

Soalan Asal: Bagaimanakah saya boleh menambah kelas secara dinamik ke elemen berdasarkan nilai atribut datanya menggunakan jQuery?

Penyelesaian:

Untuk menambah kelas pada elemen berdasarkan nilai atribut datanya, anda boleh menggunakan Atribut Sama dengan Pemilih. Berikut ialah contoh:

<code class="javascript">$('.slide-link[data-slide="0"]').addClass('active');</code>

Dalam kod ini, kami menyasarkan mana-mana elemen dengan pautan slaid kelas dan atribut slaid data dengan nilai "0". Kemudian, kami menambah kelas aktif pada elemen tersebut.

Nota Tambahan:

Kaedah jQuery find() digunakan untuk mencari keturunan elemen semasa, ditapis oleh pemilih. Dalam contoh kami, kami tidak perlu menggunakan find() kerana pemilih atribut yang kami gunakan akan memadankan elemen yang dikehendaki secara langsung.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Kelas Secara Dinamik pada Elemen Berdasarkan Nilai Atribut Datanya Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn