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

Linda Hamilton
Lepaskan: 2024-11-04 15:02:03
asal
633 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan