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:

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

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

HTML kod će tada izgledati ovako:

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

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

Primenjujemo metodu wrapAll:

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

Kao rezultat dobijamo sledeći HTML kod:

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