Pembuatan dan Pembungkusan Elemen di jQuery

Sebelum membungkus dengan tag, Anda dapat terlebih dahulu membuat elemen dalam dokumen. Mari kita bungkus paragraf yang disajikan di bawah ini dengan 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 dapat terlebih dahulu membuat elemen dalam dokumen menggunakan document.createElement('div'):

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

Atau:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

Sebagai parameter, Anda tidak hanya dapat meneruskan nama tag, tetapi juga konstruksi seperti ini - '<div></div>' - dalam hal ini efeknya akan persis sama:

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

Kode HTML akan terlihat 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>

Saat menggunakan cara kedua, dalam tag pembuka (dalam kasus kami '<div>') Anda dapat menulis atribut apa pun, dan pembungkusan akan dilakukan bersama dengan atribut-atribut tersebut.

Mari kita bungkus paragraf kami dengan div yang memiliki kelas zzz:

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

Kode HTML akan terlihat 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>