Bagaimanakah Saya Boleh Memohon Fungsi jQuery kepada Berbilang Elemen dengan ID yang Sama?

Mengakses Elemen dengan ID Yang Sama Menggunakan jQuery

Dalam HTML, setiap elemen harus mempunyai ID unik. Walau bagaimanapun, mungkin terdapat senario di mana anda perlu menggunakan fungsi jQuery kepada berbilang elemen dengan ID yang sama. Dalam artikel ini, kami akan meneroka cara mengendalikan situasi sedemikian.

Menurut coretan kod yang disediakan, fungsi jcarousel() jQuery hanya digunakan pada elemen pertama dengan ID "carousel". Jika anda mempunyai berbilang elemen dengan ID yang sama, jQuery hanya akan memilih kejadian pertama, mengabaikan yang lain.

Penyelesaian Menggunakan Kelas Biasa

Pendekatan yang disyorkan adalah untuk menetapkan kelas biasa kepada elemen, bukannya menggunakan ID yang sama untuk berbilang elemen. Ini akan memastikan bahawa jQuery boleh mengenal pasti semua elemen yang perlu diubah suai dengan mudah. Berikut ialah contoh menggunakan kelas biasa yang dipanggil "carousel":

<code class="js">jQuery(document).ready(function() {
    jQuery('.carousel').jcarousel();
});</code>

Penyelesaian Alternatif Menggunakan ID Yang Sama

Jika tidak boleh menukar atribut ID, anda boleh gunakan penyelesaian berikut:

<code class="js">jQuery(document).ready(function() {
    jQuery('[id=carousel]').jcarousel();
});</code>

Pendekatan ini menggunakan pemilih atribut jQuery [attribute=value] untuk memilih semua elemen dengan id atribut ditetapkan kepada "carousel." Ambil perhatian bahawa menggunakan ID yang sama untuk berbilang elemen tidak disyorkan dan harus dielakkan jika boleh.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memohon Fungsi jQuery kepada Berbilang Elemen dengan ID yang Sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!