Metoda wrap
Metoda wrap obaluje
elementy do zadaného tagu.
Syntaxe
Parametrem metody může být text (možná s tagy), DOM element nebo objekt jQuery:
.wrap(čím obalit);
Takto jsou vybrané elementy obaleny obsahem, který bude vrácen uživatelskou funkcí. Funkce je volána samostatně, pro každý z vybraných elementů, jako parametr přijímá pozici elementu v sadě:
.wrap(function(číslo v sadě));
Příklad
Obalujeme všechny odstavce s třídou www tagem
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 vypadat 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>
Příklad
Jako parametr lze předat nejen název tagu, ale i následující konstrukci:
<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 vypadat 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>
Příklad
Do otevíracího tagu lze psát libovolné atributy,
přičemž obalování bude probíhat spolu s těmito
atributy. Pojďme obalit odstavce s třídou
www divem s třídou 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 vypadat 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>