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>':

html<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'):

javascript$('.www').wrap(document.createElement('div'));

Atau:

javascriptlet 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:

javascript$('.www').wrap('<div></div>');

Kod HTML akan kelihatan seperti ini:

html<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:

javascript$('.www').wrap('<div class="zzz"></div>');

Kod HTML akan kelihatan seperti ini:

html<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>