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ů:

html<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:

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

HTML kód bude poté vypadat takto:

html<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:

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

Aplikujeme metodu wrapAll:

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

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

html<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ě.