Bagaimana untuk Mengulang Melalui Elemen dengan Kelas yang Sama Menggunakan jQuery dan Melakukan Tindakan Bersyarat?

Cara Menggunakan jQuery untuk Mengulang Melalui Elemen dengan Kelas Yang Sama

Apabila bekerja dengan berbilang elemen kelas yang sama, ia menjadi perlu untuk mengakses dan memanipulasinya secara individu. jQuery menyediakan cara yang cekap untuk menggelungkan elemen ini menggunakan kaedah .each().

Soalan:

Saya mempunyai koleksi div dengan kelas "testimoni" dan saya memerlukan cara untuk mengulanginya menggunakan jQuery untuk memeriksa sama ada syarat tertentu dipenuhi. Jika syarat itu benar, saya ingin melakukan tindakan tertentu.

Jawapan:

Untuk mencapai ini, anda boleh menggunakan kaedah .each() seperti berikut:

$('.testimonial').each(function(i, obj) {
    // Your code here...
});

Dalam fungsi panggil balik .each(), anda mempunyai akses kepada indeks elemen semasa dalam tatasusunan (i) dan objek DOM elemen (obj). Anda boleh menggunakan pembungkus jQuery $(this) untuk mengakses objek DOM secara langsung.

Sebagai contoh, jika anda ingin menyemak sama ada div semasa mempunyai kelas tertentu dan melakukan tindakan jika ada, anda boleh menggunakan kod berikut:

$('.testimonial').each(function() {
    if ($(this).hasClass('active')) {
        // Perform your action here...
    }
});

Dokumentasi jQuery menyediakan maklumat dan contoh terperinci untuk kaedah .each(), yang boleh anda rujuk untuk senario penggunaan yang lebih maju.

Atas ialah kandungan terperinci Bagaimana untuk Mengulang Melalui Elemen dengan Kelas yang Sama Menggunakan jQuery dan Melakukan Tindakan Bersyarat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!