Տարրերի ստեղծում և պատում jQuery-ում

Պատելուց առաջ հնարավոր է նախապես ստեղծել տարր փաստաթղթում: Եկեք պատենք ստորև ներկայացված պարբերությունները '<div></div>' պիտակներով.

<p class="www">տեքստ</p>
<p class="www">տեքստ</p>
<p class="www">տեքստ</p>
<p>տեքստ</p>

Դրա համար կարելի է նախապես ստեղծել տարր փաստաթղթում օգտագործելով document.createElement('div').

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

Կամ.

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

Որպես պարամետր կարելի է փոխանցել ոչ միայն պիտակի անունը, այլև այսպիսի կոնստրուկցիա - '<div></div>' - այս դեպքում էֆեկտը կլինի բացարձակապես նույնը.

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

HTML կոդը կունենա հետևյալ տեսքը.

<div><p class="www">տեքստ</p></div>
<div><p class="www">տեքստ</p></div>
<div><p class="www">տեքստ</p></div>
<p>տեքստ</p>

Երկրորդ եղանակն օգտագործելիս, բացվող պիտակի մեջ (մեր դեպքում '<div>') կարելի է գրել ցանկացած ատրիբուտ, և պատումը կկատարվի այդ ատրիբուտներով միասին։

Եկեք պատենք մեր պարբերությունները div-ով zzz դասով.

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

HTML կոդը կունենա հետևյալ տեսքը.

<div class="zzz"><p class="www">տեքստ</p></div>
<div class="zzz"><p class="www">տեքստ</p></div>
<div class="zzz"><p class="www">տեքստ</p></div>
<p>տեքստ</p>

Պատեք յուրաքանչյուր h3-ը div-ով որն ունի aaa դաս։