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:

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

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

HTML kód bude vyzerať takto:

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

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

Aplikujeme metódu wrapAll:

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

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

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