Zawijanie wielu elementów w jQuery

Można zawijać nie każdy element osobno, ale wszystkie znalezione elementy razem za pomocą metody wrapAll.

W kodzie HTML przedstawiona jest grupa akapitów:

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

Znajdźmy wszystkie akapity z klasą www i zawińmy je w jeden znacznik div:

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

Kod HTML będzie wyglądać tak:

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

Należy pamiętać, że jeśli zawijane elementy nie stoją obok siebie, metoda wrapAll najpierw przeniesie elementy w jedno miejsce, a potem zawińe je. Spójrz na następujący przykład:

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

Stosujemy metodę wrapAll:

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

W rezultacie otrzymujemy następujący kod HTML:

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

Metody zawijania elementów przewidują również możliwość zastosowania funkcji do każdego elementu w zestawie.