JQuery mempunyai beberapa fungsi yang dapat dipakai untuk menghapus konten dalam suatu elemen HTML.
Fungsi-fungsi yang biasa digunakan untuk menghapus konten elemen HTML adalah :
remove()– Menghapus suatu elemen HTML beserta semua elemen di dalamnyaempty()– Menghapus semua elemen di dalam suatu elemen HTML
Fungsi remove
Fungsi remove digunakan untuk menghapus suatu elemen HTML beserta semua elemen di dalamnya (child element). Contoh di bawah ini memperlihatkan elemen dengan atribut id bernilai div1 dihapus beserta semua elemen di dalamnya.
$("#div1").remove();Fungsi empty
Fungsi empty digunakan untuk menghapus semua elemen di dalam (child element) suatu elemen HTML. Contoh di bawah ini memperlihatkan semua elemen di dalam elemen dengan atribut id bernilai div1 dihapus.
$("#div1").empty();Memilih Elemen Untuk Dihapus
Fungsi remove juga bisa diberikan satu parameter. Parameter ini bertujuan untuk memilih (filtering) elemen HTML yang akan dihapus. Penulisan parameter sama dengan penulisan pemilihan elemen pada selector.
Contoh di bawah ini hanya menghapus semua elemen paragraf (tag p) dengan atribut class bernilai test.
$("p").remove(".test");Contoh di bawah ini hanya menghapus semua elemen paragraf (tag p) dengan atribut class bernilai test dan demo.
$("p").remove(".test, .demo");Tutorial sebelumnya : Menambah Elemen Dan Konten
Tutorial setelahnya : Mengenal Traversing
Semua Tutorial JQuery : Tutorial JQuery