Obalenie viacerých prvkov v jQuery

Je možné obaliť nie každý prvok samostatne, ale všetky nájdené prvky spolu pomocou metódy wrapAll.

V HTML kóde je uvedená skupina odsekov:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Nájdime všetky odseky s triedou www a obalíme ich do jedného tagu div:

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

HTML kód bude vyzerať takto:

<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

Majte na pamäti, že ak obaľované prvky nie sú umiestnené vedľa seba, metóda wrapAll najprv presunie prvky na jedno miesto a až potom ich obalí. Pozrite si nasledujúci príklad:

<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Aplikujeme metódu wrapAll:

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

Výsledkom je nasledujúci HTML kód:

<div>
	<p class="www">text1</p>
	<p class="www">text2</p>
	<p class="www">text3</p>
</div>
<p>text</p>

Metódy obaľovania prvkov tiež umožňujú aplikovať funkciu na každý prvok v množine.

Obaltie všetky h2 do jedného i.