Pengoperasian Dokumen jQuery - Method wrap()

Panduan Effek jQuery

Contoh

Balut setiap paragraf di dalam elemen <div>:

$(".btn1").click(function(){
   $("p").wrap("<div></div>");
});

Coba Sendiri

Definisi dan Penggunaan

Method wrap() mengatur setiap elemen yang dipilih untuk ditempatkan di dalam konten HTML yang ditentukan.

Sintaks

$().wrap(wrapper)
Parameter Deskripsi
wrapper

Diperlukan. Tentukan konten yang dibalut elemen yang dipilih.

Nilai yang mungkin:

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

Elemen yang ada sebelumnya tidak akan dipindahkan, hanya dipancarkan dan elemen yang dipilih akan dibalut.

Balut elemen menggunakan fungsi

Gunakan fungsi untuk tentukan konten yang dibalut di sekeliling elemen yang dipilih.

Sintaks

$().wrap(function())

Coba Sendiri

Parameter Deskripsi
function() Diperlukan. Tentukan fungsi untuk kembalikan elemen yang dibalut.

Contoh Lebih Banyak

Gunakan elemen baru untuk membalut
Buat elemen DOM baru untuk membalut setiap elemen yang dipilih.
Membalut atau melepaskan elemen
Tukar tindakan untuk membalut dan melepaskan elemen.

Panduan Effek jQuery