Създаване и опаковане на елементи в jQuery

Преди опаковане с таг можете първо да създадете елемент в документа. Нека опаковаме представените по-долу параграфи в тагове '<div></div>':

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

За това можете предварително да създадете елемент в документа с помощта на document.createElement('div'):

javascript$('.www').wrap(document.createElement('div'));

Или:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

Като параметър може да се подава не само име на таг, но и такава конструкция - '<div></div>' - в този случай ефектът ще бъде абсолютно същият:

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

HTML кодът ще изглежда така:

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

При използване на втория метод, в отворения таг (в нашия случай '<div>') може да се пишат всякакви атрибути, като опаковането ще бъде заедно с тези атрибути.

Нека опаковаме нашите параграфи с div с клас zzz:

javascript$('.www').wrap('<div class="zzz"></div>');

HTML кодът ще изглежда така:

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