jQuery Menghapus Elemen

Dengan jQuery, dapat dengan mudah menghapus elemen HTML yang sudah ada.

Hapus Elemen/Konten

Untuk menghapus elemen dan konten, biasanya dapat digunakan dua metode jQuery berikut:

  • remove() - Menghapus elemen dipilih (dengan elemen anaknya)
  • empty() - Menghapus elemen anak dari elemen dipilih

Metode jQuery remove()

Metode jQuery remove() menghapus elemen dipilih serta elemen anaknya.

Contoh

$("#div1").remove();

Coba Sendiri

Metode jQuery empty()

Metode jQuery empty() menghapus elemen anak yang dipilih.

Contoh

$("#div1").empty();

Coba Sendiri

Saring Elemen Yang Dihapus

Metode jQuery remove() juga dapat menerima parameter, yang memungkinkan Anda menyaring elemen yang dihapus.

Parameter ini dapat berupa sintaks selector jQuery mana pun.

Contoh di bawah ini menghapus semua elemen <p> dengan class="italic":

Contoh

$("p").remove(".italic");

Coba Sendiri

Buku Referensi jQuery HTML

Untuk referensi penuh tentang metode jQuery HTML, silakan kunjungi buku referensi berikut: