Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menggelung Melalui Elemen dengan Kelas yang Sama dalam jQuery Menggunakan Fungsi \"setiap\"?

Bagaimana untuk Menggelung Melalui Elemen dengan Kelas yang Sama dalam jQuery Menggunakan Fungsi \"setiap\"?

Barbara Streisand
Barbara Streisandasal
2024-10-19 20:47:01119semak imbas

How to Loop Through Elements with the Same Class in jQuery Using

Menggelung Melalui Elemen dengan Kelas yang Sama Menggunakan jQuery

Selalunya, pembangun menghadapi keperluan untuk mengulang melalui koleksi elemen yang berkongsi kelas tertentu atribut. Keperluan ini timbul apabila tindakan atau ujian khusus perlu dilakukan pada setiap elemen secara individu.

Dalam jQuery, cara yang cekap dan ringkas untuk menggelungkan elemen dengan kelas yang sama adalah dengan menggunakan fungsi "setiap". Fungsi "setiap" mengambil dua parameter: fungsi panggil balik dan pemilih (dalam kes ini, ".testimonial").

Contoh:

<code class="javascript">$('.testimonial').each(function(i, obj) {
  // Test and perform action
});</code>

Dalam fungsi panggil balik, parameter "i" dan "obj" disediakan. "i" mewakili indeks elemen semasa dalam set yang dipadankan, manakala "obj" mewakili elemen DOM itu sendiri. Anda boleh menggunakan fungsi pembalut jQuery "$(this)" untuk mengakses objek DOM dengan lebih mudah.

Teknik ini membolehkan anda melakukan sebarang ujian atau tindakan yang diperlukan pada setiap elemen yang memenuhi kriteria kelas yang ditentukan. Untuk butiran lanjut dan contoh penggunaan, rujuk rujukan API jQuery.

Atas ialah kandungan terperinci Bagaimana untuk Menggelung Melalui Elemen dengan Kelas yang Sama dalam jQuery Menggunakan Fungsi \"setiap\"?. 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