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>':
<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'):
$('.www').wrap(document.createElement('div'));
Atau:
let 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:
$('.www').wrap('<div></div>');
Kode HTML akan terlihat 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>
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:
$('.www').wrap('<div class="zzz"></div>');
Kode HTML akan terlihat 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 ke dalam div
dengan kelas aaa.
