Бірнеше элементтерді 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 тегіне ораңыз.