Cara Melakukan Perulangan Elemen dengan each di jQuery

Memproses banyak elemen satu per satu dilakukan dengan perulangan. jQuery menyediakan metode .each() yang praktis. Artikel ini membahas cara melakukan perulangan elemen dengan each di jQuery.

Metode .each()

<script>
$(".item").each(function(index) {
    console.log(index + ": " + $(this).text());
});
</script>

Di dalam each(), $(this) merujuk ke elemen saat ini dan index berisi nomor urutnya.

Contoh Kasus: Menjumlahkan Nilai dari Beberapa Elemen

<script>
let total = 0;
$(".harga").each(function() {
    total += parseInt($(this).text());
});
$("#total").text("Rp" + total.toLocaleString("id-ID"));
</script>

Contoh Kasus: Memberi Nomor Urut Otomatis

<script>
$("tbody tr").each(function(i) {
    $(this).find(".nomor").text(i + 1);
});
</script>

Menghentikan Perulangan

<script>
$(".item").each(function() {
    if ($(this).text() === "stop") return false; // hentikan
});
</script>

Kesimpulan

Gunakan .each() untuk memproses setiap elemen dalam satu selektor, dengan $(this) untuk elemen saat ini. Berguna untuk menjumlahkan nilai atau memberi nomor urut. Kembalikan false untuk menghentikan perulangan.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *