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
Referensi HTML jQuery
Untuk gambaran lengkap tentang semua metode HTML jQuery, silakan kunjungi Referensi HTML/CSS jQuery kami .