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

