Metóda wrap
Metóda wrap obaľuje
elementy do zadaného tagu.
Syntax
Parametrom metódy môže byť text (prípadne s tagmi), DOM element alebo jQuery objekt:
.wrap(text or tag);
Takto vybrané elementy sa obalia obsahom, ktorý vráti používateľská funkcia. Funkcia sa volá samostatne pre každý z vybraných elementov, ako parameter prijíma pozíciu elementu v množine:
.wrap(function(číslo v množine));
Príklad
Obalíme všetky odseky s triedou www tagom
div:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('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>
Príklad
Parametrom možno odovzdávať nielen názov tagu, ale aj nasledujúcu konštrukciu:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
Príklad
Do otváracieho tagu je možné písať ľubovoľné atribúty,
pričom obaľovanie prebehne spolu s týmito
atribútmi. Obalme odseky s triedou
www divom s triedou zzz:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.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>
