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