tutorial pengembangan web terbaru
 

jQuery - Hapus Elemen

❮ Sebelumnya Berikutnya Bab ❯

Dengan jQuery, mudah untuk menghapus elemen HTML yang ada.

Hapus Elemen / Konten

Untuk menghapus elemen dan konten, terutama ada dua metode jQuery:

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

jQuery remove() Metode

JQuery remove() metode menghapus dipilih element(s) dan elemen anaknya.

Contoh

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

jQuery empty() Metode

JQuery empty() metode menghapus elemen anak dari yang dipilih element(s) .

Contoh

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

Filter Elemen yang akan Dihapus

JQuery remove() metode juga menerima satu parameter, yang memungkinkan Anda untuk menyaring elemen yang akan dihapus.

Parameter dapat salah satu sintaks pemilih jQuery.

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

Contoh

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

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

Contoh

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

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»

jQuery HTML Referensi

Untuk gambaran lengkap dari semua metode jQuery HTML, silahkan ke kami Referensi / CSS jQuery HTML .


❮ Sebelumnya Berikutnya Bab ❯