Menghapus Elemen Dan Konten

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 dalamnya
• empty() – Menghapus semua elemen di dalam suatu elemen HTML

Tutorial sebelumnya : Menambah Elemen Dan Konten

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 selanjutnya : Mengenal Traversing
Daftar tutorial : Tutorial Belajar JQuery