Bagaimanakah anda memilih elemen dengan ID pendua menggunakan jQuery apabila HTML memerlukan ID unik?

Memilih Elemen dengan ID Pendua Menggunakan jQuery

Dalam HTML, ID dimaksudkan sebagai pengecam unik untuk elemen. Walau bagaimanapun, terdapat senario di mana berbilang elemen mungkin mempunyai ID yang sama. Walaupun ini tidak dianggap sebagai HTML yang sah, ia kadangkala ditemui dalam pangkalan kod warisan atau penyelesaian pihak ketiga. jQuery menyediakan dua pilihan untuk mengendalikan situasi sedemikian.

Pilihan 1: Menggunakan Pemilih ID Unik

Jika tidak sesuai untuk menukar ID pendua, anda boleh menggunakan yang berikut penyelesaian untuk memilih elemen dengan atribut ID yang sama:

jQuery(document).ready(function() {
    jQuery('[id=carousel]').jcarousel();
});

Pemilih ini akan memadankan semua elemen yang mempunyai atribut dengan nama 'id' dan nilai 'carousel'. Ambil perhatian bahawa pendekatan ini tidak disyorkan, kerana ia boleh memperkenalkan isu dengan kekhususan dan manipulasi DOM.

Pilihan 2: Menggunakan Nama Kelas Biasa

Pendekatan yang disyorkan adalah untuk tetapkan nama kelas biasa kepada semua elemen yang sepatutnya berkongsi fungsi. Ini memastikan bahawa pemilihan adalah berdasarkan kelas, yang tidak dihadkan oleh keperluan keunikan ID.

jQuery(document).ready(function() { 
    jQuery('.carousel').jcarousel();
});

Dalam kod HTML yang disediakan, anda boleh menukar ID karusel kedua kepada nilai unik atau berikan kedua-dua karusel nama kelas biasa. Ini akan membolehkan jQuery menggunakan pemalam 'jcarousel' dengan betul pada kedua-dua elemen.

Atas ialah kandungan terperinci Bagaimanakah anda memilih elemen dengan ID pendua menggunakan jQuery apabila HTML memerlukan ID unik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!