Metode wrap
Metode wrap membungkus
elemen dalam tag yang ditentukan.
Sintaks
Parameter metode dapat berupa teks (mungkin dengan tag), elemen DOM, atau objek jQuery:
.wrap(penbungkus);
Berikut adalah cara elemen yang dipilih dibungkus dengan konten, yang akan dikembalikan oleh fungsi pengguna. Fungsi dipanggil secara terpisah, untuk setiap elemen yang dipilih, sebagai parameter menerima posisi elemen dalam kumpulan:
.wrap(function(nomor dalam kumpulan));
Contoh
Mari bungkus semua paragraf dengan kelas www dengan tag
div:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap(document.createElement('div'));
Kode HTML akan terlihat seperti ini:
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<p>teks</p>
Contoh
Parameter tidak hanya dapat berupa nama tag, tetapi juga konstruksi berikut:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap('<div></div>');
Kode HTML akan terlihat seperti ini:
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<p>teks</p>
Contoh
Dalam tag pembuka, Anda dapat menulis atribut apa pun,
sementara pembungkusan akan dilakukan bersama dengan
atribut-atribut ini. Mari bungkus paragraf dengan kelas
www dengan div dengan kelas zzz:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap('<div class="zzz"></div>');
Kode HTML akan terlihat seperti ini:
<div class="zzz"><p class="www">teks</p></div>
<div class="zzz"><p class="www">teks</p></div>
<div class="zzz"><p class="www">teks</p></div>
<p>teks</p>