Dokumentasi jQuery - Metode wrapInner()

Panduan Effek jQuery

Contoh

Lingkapi elemen b di atas konten setiap elemen p:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

Coba Sendiri

Definisi dan Penggunaan

Metode wrapInner() menggunakan konten HTML atau elemen yang ditentukan untuk melingkapi semua konten (inner HTML) di dalam setiap elemen yang dipilih.

Sintaks

$().wrapInner(wrapper)
Parameter Deskripsi
wrapper

Diperlukan. Tentukan konten yang mengelilingi konten di sekeliling elemen yang dipilih.

Nilai yang mungkin:

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

Elemen yang ada sebelumnya tidak akan dipindahkan, hanya akan disalin dan melingkapi elemen yang dipilih.

Melingkapi konten dengan fungsi

Gunakan fungsi untuk tentukan konten yang mengelilingi setiap elemen yang dipilih.

Sintaks

$().wrapInner(function())

Coba Sendiri

Parameter Deskripsi
function() Diperlukan. Tentukan fungsi untuk mengelilingi elemen yang dipilih.

Contoh Lebih Banyak

Gunakan elemen baru untuk melingkapi
Buat elemen DOM baru untuk melingkapi setiap elemen yang dipilih.

Panduan Effek jQuery