Опакување на повеќе елементи во 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>

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