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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Омотајте све h2 у један i.