Dokumentasi jQuery - metode replaceWith()

Panduan referensi efek jQuery

Contoh

Ganti setiap paragraf dengan teks tebal:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Coba sendiri

Definisi dan penggunaan

Metode replaceWith() digunakan untuk menggantikan elemen yang dipilih dengan konten HTML atau elemen yang ditentukan.

Petunjuk:replaceWith() dengan replaceAll() Berfungsi sama. Perbedaan terletak pada sintaks: posisi konten dan pemilih, serta fungsi yang tidak dapat digunakan dalam replaceAll().

Sintaks

$().replaceWith(content)
Parameter Deskripsi
content

Diperlukan. Tentukan konten yang akan diganti elemen yang dipilih.

Nilai yang mungkin:

  • Kode HTML - misalnya ("<div></div>")
  • Elemen baru - misalnya (document.createElement("div"))
  • Elemen yang sudah ada - misalnya ($(".div1"))

Elemen yang sudah ada tidak akan dipindahkan, hanya akan disalin dan menggabungkan elemen yang dipilih.
Diperlukan. Tentukan elemen yang akan diganti.

Gunakan fungsi untuk menggantikan elemen

Gunakan fungsi untuk menggantikan elemen yang dipilih dengan konten baru.

Sintaks

$().replaceWith(function())

Coba sendiri

Parameter Deskripsi
function() Diperlukan. Fungsi yang mengembalikan konten baru elemen yang dipilih.

Contoh lain

Gunakan elemen baru untuk menggantikan elemen
Gunakan document.createElement() untuk membuat elemen DOM baru, kemudian gunakannya untuk menggantikan elemen yang dipilih.

Panduan referensi efek jQuery