jQuery Menghapus Elemen

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

Menghapus Elemen/Konten

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

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

Metode jQuery remove()

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

Contoh

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

Coba Sendiri

Metode jQuery empty()

Metode jQuery empty() menghapus seluruh elemen anak elemen 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 apa pun.

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

Contoh

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

Coba Sendiri

Referensi jQuery HTML

Untuk informasi lengkap tentang metode jQuery HTML, silakan kunjungi referensi berikut: