Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2024-10-19 20:47:01
asal
236 orang telah melayarinya

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

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!

sumber:php
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