Dokumentasi jQuery - Metode replaceWith()

Panduan Rujukan 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.

Peringatan:replaceWith() dengan replaceAll() Dengan fungsi yang sama. Perbedaan berada di sintaks: posisi konten dan pemilih, serta fungsi yang tidak dapat digunakan dalam replaceAll().

Sintaks

$().replaceWith(content)
Parameter Deskripsi
content

Diperlukan. Tentukan konten yang akan digantikan elemen yang dipilih.

Nilai yang mungkin:

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

Elemen yang ada akan dipotong, hanya dipancarkan dan di wrapi elemen yang dipilih.
Diperlukan. Tentukan elemen yang akan digantikan.

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 untuk digantikan.

Contoh Lebih Banyak

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

Panduan Rujukan Efek jQuery