Омотавање више елемената у jQuery-у

Можете омотати не сваки елемент појединачно, већ све пронађене елементе заједно користећи методу wrapAll.

У HTML коду је представљена група параграфа:

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

Хајде да пронађемо све параграфе са класом www и омотамо их у један таг div:

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

HTML код ће тада изгледати овако:

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

Имајте на уму да ако елементи који се омотавају не стоје један поред другог, метод wrapAll ће прво преместити елементе на једно место, а затим их омотати. Погледајте следећи пример:

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

Примењујемо метод wrapAll:

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

На крају добијамо следећи HTML код:

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

Методе за омотавање елемената такође предвиђају могућност примене функције на сваки елемент у скупу.