jQuery - Hapus Elemen


Dengan jQuery, mudah untuk menghapus elemen HTML yang ada.


Hapus Elemen/Konten

Untuk menghapus elemen dan konten, ada dua metode jQuery:

  • remove()- Menghapus elemen yang dipilih (dan elemen turunannya)
  • empty()- Menghapus elemen anak dari elemen yang dipilih

jQuery hapus () Metode

Metode jQuery remove()menghapus elemen yang dipilih dan elemen turunannya.

Contoh

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

jQuery kosong () Metode

Metode jQuery empty()menghapus elemen anak dari elemen yang dipilih.

Contoh

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


Filter Elemen yang akan Dihapus

Metode jQuery remove()juga menerima satu parameter, yang memungkinkan Anda memfilter elemen yang akan dihapus.

Parameternya dapat berupa sintaks pemilih jQuery apa pun.

Contoh berikut menghapus semua <p>elemen dengan class="test":  

Contoh

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

Contoh ini menghapus semua <p>elemen dengan class="test"dan class="demo":  

Contoh

$("p").remove(".test, .demo");

Latihan jQuery

Uji Diri Anda Dengan Latihan

Olahraga:

Gunakan metode jQuery untuk menghapus elemen <div>.

$("div").();


Referensi HTML jQuery

Untuk gambaran lengkap tentang semua metode HTML jQuery, silakan kunjungi Referensi HTML/CSS jQuery kami .