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

DDD
Lepaskan: 2024-10-19 20:40:02
asal
605 orang telah melayarinya

How to Iterate Through Elements with the Same Class Using jQuery and Perform Conditional Actions?

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...
});
Salin selepas log masuk

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...
    }
});
Salin selepas log masuk

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!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan