Vytváranie a obaľovanie prvkov v jQuery
Pred obalením tagom môžeme najprv vytvoriť
prvok v dokumente. Obalme prezentované
nižšie odseky tagmi '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Na to môžeme najprv vytvoriť prvok v
dokumente pomocou
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Alebo:
let div = document.createElement("div");
$('.www').wrap(div);
Parametrom môžeme odovzdať nielen názov
tagu, ale aj takúto konštrukciu - '<div></div>'
- v tomto prípade bude efekt úplne rovnaký:
$('.www').wrap('<div></div>');
HTML kód bude vyzerať takto:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Pri použití druhého spôsobu, do
otváracieho tagu (v našom prípade '<div>')
je možné písať ľubovoľné atribúty, pričom
obalenie bude spolu s týmito atribútmi.
Obalme naše odseky divom s triedou
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML kód bude vyzerať takto:
<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>
Obaltʼe každý h3 do div
s triedou aaa.
