Bagaimana untuk Memohon Fungsi jQuery kepada Berbilang Elemen dengan ID yang Sama?

Menggunakan Fungsi jQuery pada Elemen dengan ID Yang Sama

Keupayaan jQuery untuk memanipulasi elemen adalah penting untuk mempertingkatkan kefungsian halaman web. Walau bagaimanapun, pengguna jQuery pemula mungkin menghadapi kesukaran apabila cuba menggunakan fungsi pada berbilang elemen yang berkongsi ID yang sama.

Dalam HTML, ID berfungsi sebagai pengecam unik untuk elemen. Mengenal pasti berbilang elemen dengan ID yang sama ialah amalan HTML yang salah. Untuk mengedarkan fungsi merentas elemen, gunakan kelas kongsi sebaliknya.

Walau bagaimanapun, jika menukar ID tidak praktikal, pertimbangkan penyelesaian berikut:

Menggunakan ID Yang Sama (Jika Tidak Dapat Dielakkan)

Untuk memilih elemen dengan atribut ID yang sama, gunakan sintaks berikut:

jQuery('[id=carousel]').jcarousel();

Perhatikan bahawa pendekatan ini tidak sesuai kerana ID harus unik.

Menggunakan Kelas Biasa (Pendekatan Disyorkan )

Tetapkan kelas biasa kepada elemen yang anda ingin manipulasi, kemudian gunakan fungsi jQuery menggunakan pemilih kelas:

jQuery('.carousel').jcarousel();

Kaedah ini lebih cekap dan selaras dengan amalan terbaik HTML. Dengan menetapkan kelas biasa, anda boleh menyasarkan berbilang elemen dengan mudah untuk fungsi yang sama tanpa bergantung pada ID unik.

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