Kaedah wrap
Kaedah wrap membungkus
elemen dalam tag yang ditentukan.
Sintaks
Parameter kaedah boleh berupa teks (mungkin dengan tag), elemen DOM atau objek jQuery:
.wrap(apa yang hendak dibungkus);
Beginilah cara elemen terpilih dibungkus dengan kandungan, yang akan dikembalikan oleh fungsi pengguna. Fungsi dipanggil secara berasingan, untuk setiap elemen terpilih, sebagai parameter menerima kedudukan elemen dalam set:
.wrap(function(nombor dalam set));
Contoh
Mari bungkus semua perenggan 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'));
Kod HTML akan kelihatan 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 bukan sahaja boleh menjadi 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>');
Kod HTML akan kelihatan 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 boleh menulis sebarang atribut,
dengan pembungkusan akan dilakukan bersama-sama dengan
atribut ini. Mari bungkus perenggan dengan kelas
www dengan div yang mempunyai 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>');
Kod HTML akan kelihatan 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>
