jQueryда элементларни яратиш ва ўраш

Тег билан ўрашдан олдон элементни ҳужжатда олдиндан яратиб олиш мумкин. Қуйида келтирилган абзацларни '<div></div>' тегларига ўрайлик:

<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>

Бунинг учун document.createElement('div') ёрдамида ҳужжатда элементни олдиндан яратиб олиш мумкин:

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

Ёки:

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

Параметр сифатида фақат тег номинигина эмас, '<div></div>' кайди маъноси - бу ҳолда натижа худди шу каби бўлади:

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

HTML код шундай кўринишга келади:

<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<p>матн</p>

Иккинчи усулдан фойдаланганда, очилувчи тегга (бизнинг ҳолда '<div>') исталган атрибутларни ёзиш мумкин, бу ҳолда ўраш ушбу атрибутлар билан бирга амалга оширилади.

Келтирилган абзацларнимизни zzz синфи билан дивга ўрайлик:

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

HTML код шундай кўринишга келади:

<div class="zzz"><p class="www">матн</p></div>
<div class="zzz"><p class="www">матн</p></div>
<div class="zzz"><p class="www">матн</p></div>
<p>матн</p>

Ҳар бир h3 ни aaa синфи билан div га ўранг.