Penciptaan dan Pembungkusan Elemen dalam jQuery
Sebelum membungkus dengan tag, anda boleh mencipta
elemen dalam dokumen terlebih dahulu. Mari kita bungkus perenggan
yang dipaparkan di bawah dalam tag '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Untuk ini, anda boleh mencipta elemen dalam
dokumen terlebih dahulu menggunakan
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Atau:
let div = document.createElement("div");
$('.www').wrap(div);
Parameter bukan sahaja boleh nama
tag, tetapi juga konstruksi seperti - '<div></div>'
- dalam kes ini, kesannya akan sama:
$('.www').wrap('<div></div>');
Kod HTML akan kelihatan seperti ini:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Apabila menggunakan kaedah kedua, dalam
tag pembukaan (dalam kes kami '<div>')
anda boleh menulis sebarang atribut, dan
pembungkusan akan dilakukan bersama dengan atribut tersebut.
Mari kita bungkus perenggan kami dengan div yang mempunyai kelas
zzz:
$('.www').wrap('<div class="zzz"></div>');
Kod HTML akan kelihatan seperti ini:
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>
Bungkus setiap h3 dalam div
dengan kelas aaa.
