by 
Terkadang kita ingin mengosongkan wadah tetapi tetap mempertahankannya, misalnya sebelum mengisi ulang hasil pencarian. Artikel ini membahas cara mengosongkan isi elemen dengan jQuery (empty).
Metode .empty()
<script>
$("#daftar").empty(); // hapus semua isi, wadah tetap ada
</script>
Contoh Kasus: Mengisi Ulang Hasil Pencarian
<script>
function tampilHasil(data) {
const wadah = $("#hasil");
wadah.empty(); // bersihkan hasil lama dulu
data.forEach(function(item) {
wadah.append("<div class='item'></div>");
wadah.find(".item:last").text(item.nama);
});
}
</script>
Beda empty() dan remove()
| Metode | Hasil |
|---|---|
| empty() | Isi terhapus, elemen tetap ada |
| remove() | Elemen ikut terhapus |
Kesimpulan
Gunakan .empty() untuk mengosongkan isi wadah sambil mempertahankannya, ideal sebelum mengisi ulang data seperti hasil pencarian. Untuk menghapus elemennya juga, gunakan .remove().
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
