jQuery-da elementlarni yaratish va o‘rash

Teg bilan o‘rashdan oldin elementni hujjatda oldindan yaratish mumkin. Quyida keltirilgan abzaslarni '<div></div>' teglariga o‘ramiz:

html<p class="www">matn</p>
<p class="www">matn</p>
<p class="www">matn</p>
<p>matn</p>

Buning uchun document.createElement('div') yordamida elementni hujjatda oldindan yaratish mumkin:

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

Yoki:

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

Parametr sifatida nafaqat teg nomi, balki '<div></div>' kabi konstruksiyani ham uzatish mumkin - bu holda natija butunlay bir xil bo‘ladi:

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

HTML kodi quyidagicha ko‘rinadi:

html<div><p class="www">matn</p></div>
<div><p class="www">matn</p></div>
<div><p class="www">matn</p></div>
<p>matn</p>

Ikkinchi usuldan foydalanganda, ochilish tegi (bizning holatda '<div>') iga har qanday atributlar yozish mumkin, bu holda o‘rash ushbu atributlar bilan amalga oshiriladi.

Keling, abzasslarimizni zzz klassiga ega div bilan o‘ramiz:

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

HTML kodi quyidagicha ko‘rinadi:

html<div class="zzz"><p class="www">matn</p></div>
<div class="zzz"><p class="www">matn</p></div>
<div class="zzz"><p class="www">matn</p></div>
<p>matn</p>