Cara Memeriksa Elemen Memiliki Kelas dengan jQuery

Mengecek keberadaan kelas berguna untuk logika bersyarat, misalnya menentukan apakah menu sedang terbuka atau item sudah dipilih. Artikel ini membahas cara memeriksa elemen memiliki kelas dengan jQuery (hasClass).

Metode .hasClass()

<script>
if ($("#kotak").hasClass("aktif")) {
    console.log("Sedang aktif");
} else {
    console.log("Tidak aktif");
}
</script>

Metode ini mengembalikan true bila elemen memiliki kelas tersebut.

Contoh Kasus: Aksi Berbeda Sesuai Status

<script>
$("#panel-tombol").click(function() {
    const panel = $("#panel");
    if (panel.hasClass("terbuka")) {
        panel.slideUp().removeClass("terbuka");
    } else {
        panel.slideDown().addClass("terbuka");
    }
});
</script>

Alternatif dengan is()

<script>
if ($("#kotak").is(".aktif")) { /* ... */ }
</script>

Kesimpulan

Gunakan .hasClass("nama") untuk memeriksa status elemen sebelum menjalankan aksi, misalnya menentukan apakah panel perlu dibuka atau ditutup. Metode .is() adalah alternatifnya.

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 *