Obalujení více prvků v jQuery

Lze obalit ne každý prvek zvlášť, ale všechny nalezené prvky dohromady pomocí metody wrapAll.

V HTML kódu je uvedena skupina odstavců:

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

Najděme všechny odstavce s třídou www a obalme je do jednoho tagu div:

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

HTML kód bude poté vypadat takto:

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

Mějte na paměti, že pokud obalované prvky nestojí vedle sebe, metoda wrapAll nejprve přesune prvky na jedno místo a teprve poté je obalí. Podívejte se na následující příklad:

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

Aplikujeme metodu wrapAll:

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

Výsledkem je následující HTML kód:

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

Metody obalování prvků také umožňují aplikovat funkci na každý prvek v sadě.

Obalujte všechny h2 do jednoho i.