wrap մեթոդը

wrap մեթոդը պատում է էլեմենտները տրված թեգով:

Շարահյուսություն

Մեթոդի պարամետր կարող է հանդես գալ տեքստը (հնարավոր է թեգերի հետ), DOM էլեմենտը կամ jQuery օբյեկտը:

javascript.wrap(ինչով պատել);

Այսպիսով, ընտրված էլեմենտները պատվում են այն բովանդակությամբ, որը կվերադարձվի օգտագործողի կողմից սահմանված ֆունկցիայի միջոցով: Ֆունկցիան կանչվում է առանձին՝ ընտրված յուրաքանչյուր էլեմենտի համար, և որպես պարամետր ընդունում է էլեմենտի դիրքը հավաքածուում:

javascript.wrap(function(համարը հավաքածուում));

Օրինակ

Եկեք պատենք www դասի բոլոր պարբերությունները div թեգով:

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

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

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

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

Օրինակ

Որպես պարամետր կարելի է փոխանցել ոչ միայն թեգի անունը, այլև հետևյալ կոնստրուկցիան:

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

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

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

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

Օրինակ

Բացվող թեգում կարելի է գրել ցանկացած ատրիբուտներ, մինչդեռ պատումը կկատարվի այդ ատրիբուտների հետ միասին: Եկեք պատենք www դասի պարբերությունները zzz դասի div-ով:

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

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

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

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>

Տեսեք նաև