Panduan Operasi Dokumen jQuery - Metode wrapInner()

Panduan Referensi Efect jQuery

Contoh

Balut 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 membalut semua konten (inner HTML) di dalam setiap elemen yang dipilih.

Sintaks

$().wrapInner(wrapper)
Parameter Deskripsi
wrapper

Diperlukan. Tentukan konten yang disekelilingi di sekitar 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 dip duplikasi dan dibalut elemen yang dipilih.

Balut Konten dengan Fungsi

Gunakan fungsi untuk tentukan konten yang disekelilingi di sekitar setiap elemen yang dipilih.

Sintaks

$().wrapInner(function())

Coba Sendiri

Parameter Deskripsi
function() Diperlukan. Tentukan fungsi untuk membalut elemen yang diencerikan.

Contoh Lebih Banyak

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

Panduan Referensi Efect jQuery