Մի քանի էլեմենտների փաթաթումը jQuery-ում

Կարելի է փաթաթել ոչ թե յուրաքանչյուր էլեմենտ առանձին, այլ բոլոր գտնված էլեմենտները միասին օգտագործելով wrapAll մեթոդը:

HTML կոդում ներկայացված է պարբերությունների խումբ:

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

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

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

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

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

Հաշվի առեք, որ եթե փաթաթվող էլեմենտները գտնվում են ոչ հարևանությամբ, ապա wrapAll մեթոդը նախ կտեղափոխի էլեմենտները մի տեղ, ապա կփաթաթի դրանք: Տեսեք հաջորդ օրինակը:

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

Կիրառում ենք wrapAll մեթոդը:

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

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

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

Էլեմենտները փաթաթելու մեթոդները նախատեսում են նաև ֆունկցիա յուրաքանչյուր էլեմենտին կիրառելու հնարավորություն:

Փաթաթեք բոլոր h2-ները մեկ i-ի մեջ: