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:

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

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

Kod HTML będzie wyglądać tak:

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

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

Stosujemy metodę wrapAll:

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

W rezultacie otrzymujemy następujący kod 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.

Zawiń wszystkie h2 w jeden i.