Crearea și înfășurarea elementelor în jQuery

Înainte de a înfășura cu un tag, poți crea prealabil un element în document. Să înfășurăm paragrafele prezentate mai jos în tagurile '<div></div>':

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

Pentru aceasta, poți crea prealabil un element în document folosind document.createElement('div'):

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

Sau:

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

Ca parametru poți transmite nu doar numele tag-ului, ci și o astfel de construcție - '<div></div>' - în acest caz, efectul va fi absolut același:

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

Codul HTML va arăta astfel:

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>

Când folosești a doua metodă, în tag-ul de deschidere (în cazul nostru '<div>') poți scrie orice atribute, iar înfășurarea se va face împreună cu aceste atribute.

Să înfășurăm paragrafele noastre cu un div cu clasa zzz:

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

Codul HTML va arăta astfel:

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>