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).

