Omotavanje više elemenata u jQuery

Možete omotati ne svaki element posebno, već sve pronađene elemente zajedno pomoću metode wrapAll.

U HTML kodu je predstavljena grupa pasusa:

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

Hajde da pronađemo sve pasuse sa klasom www i omotamo ih u jedan tag div:

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

HTML kod će tada izgledati ovako:

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

Imajte u vidu da, ako se elementi koji se omotavaju ne nalaze jedan pored drugog, metoda wrapAll će prvo pomeriti elemente na jedno mesto, pa će tek onda omotati. Pogledajte sledeći primer:

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

Primenjujemo metodu wrapAll:

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

Kao rezultat dobijamo sledeći HTML kod:

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

Metode za omotavanje elemenata takođe podrazumevaju mogućnost primene funkcije na svaki element u skupu.

Omotajte sve h2 u jedan i.