Bir nechta elementlarni jQuery-da o‘rash

Har bir elementni alohida-alohida emas, balki topilgan barcha elementlarni birgalikda wrapAll metodi yordamida o‘rash mumkin.

HTML kodida bir guruh abzaslar mavjud:

<p class="www">matn</p>
<p class="www">matn</p>
<p class="www">matn</p>
<p>matn</p>

Keling, www klassiga ega bo‘lgan barcha abzatlarni topamiz va ularni bitta div tegiga o‘ramiz:

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

HTML kodi quyidagicha ko‘rinadi:

<div>
<p class="www">matn</p>
<p class="www">matn</p>
<p class="www">matn</p>
</div>
<p>matn</p>

E'tiboringizni qaratamiz, agar o‘raladigan elementlar yonma-yon turmasa, wrapAll metodi avval elementlarni bitta joyga ko‘chiradi, keyin esa ularni o‘rab chiqadi. Quyidagi misolni ko‘rib chiqing:

<p class="www">matn1</p>
<p class="www">matn2</p>
<p>matn</p>
<p class="www">matn3</p>

wrapAll metodini qo‘llaymiz:

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

Natijada biz quyidagi HTML kodni olamiz:

<div>
	<p class="www">matn1</p>
	<p class="www">matn2</p>
	<p class="www">matn3</p>
</div>
<p>matn</p>

Elementlarni o‘rash metodlari, shuningdek, har bir elementga funktsiyani qo‘llash imkoniyatini nazarda tutadi.

Barcha h2 larni bitta i ga o‘rang.