Cara Menghapus Elemen dengan jQuery

Menghapus elemen dipakai untuk menutup notifikasi, menghapus baris daftar, atau membuang item dari keranjang. Artikel ini membahas cara menghapus elemen dengan jQuery (remove).

Metode .remove()

<script>
$("#notif").remove(); // hapus elemen beserta isinya
</script>

Contoh Kasus: Hapus Baris Tabel dengan Konfirmasi

<script>
$(".hapus").click(function() {
    if (confirm("Hapus baris ini?")) {
        $(this).closest("tr").remove();
    }
});
</script>

closest("tr") mencari baris tabel terdekat lalu menghapusnya.

Menghapus dengan Efek Halus

<script>
$("#notif").fadeOut(300, function() {
    $(this).remove(); // hapus setelah memudar
});
</script>

remove() vs empty()

remove() menghapus elemen beserta isinya, sedangkan empty() hanya mengosongkan isi tetapi mempertahankan elemennya.

Kesimpulan

Gunakan .remove() untuk menghapus elemen sepenuhnya, dan padukan dengan closest() untuk menghapus baris dari tombol yang diklik. Gabungkan dengan fadeOut() untuk efek yang lebih halus.

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 *