Cara Menghitung Jumlah Elemen dengan jQuery

Menghitung jumlah elemen berguna untuk validasi, statistik, atau mengecek keberadaan elemen sebelum memanipulasinya. Artikel ini membahas cara menghitung jumlah elemen dengan jQuery (length).

Properti .length

<script>
const jumlah = $(".item").length;
console.log(jumlah); // misalnya 5
</script>

Contoh Kasus: Mengecek Keberadaan Elemen

<script>
if ($("#notif").length) {
    console.log("Elemen notif ada");
    // aman untuk dimanipulasi
}
</script>

Pola if ($("#x").length) adalah cara umum memeriksa apakah elemen ada sebelum menjalankan kode, mencegah error.

Contoh Kasus: Validasi Minimal Pilihan

<script>
$("#kirim").click(function() {
    const terpilih = $(".opsi:checked").length;
    if (terpilih < 2) {
        alert("Pilih minimal 2 opsi");
        return false;
    }
});
</script>

Kesimpulan

Gunakan .length untuk menghitung elemen, sekaligus cara praktis mengecek keberadaan elemen sebelum dimanipulasi. Sangat berguna untuk validasi seperti memastikan jumlah minimal pilihan.

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 *