Vairāku elementu ietīšana jQuery

Var ietīt nevis katru elementu atsevišķi, bet visus atrastos elementus kopā, izmantojot metodi wrapAll.

HTML kodā ir uzrādīta rindkopu grupa:

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

Atradīsim visas rindkopas ar klasi www un ietīsim tās vienā div tagā:

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

HTML kods izskatīsies šādi:

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

Ņemiet vērā, ka, ja ietījamie elementi atrodas nevis blakus, metode wrapAll vispirms pārvietos elementus vienā vietā un tikai tad tos ietīs. Skatiet nākamo piemēru:

<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Lietojam metodi wrapAll:

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

Rezultātā mēs iegūstam šādu HTML kodu:

<div>
	<p class="www">text1</p>
	<p class="www">text2</p>
	<p class="www">text3</p>
</div>
<p>text</p>

Elementu ietīšanas metodes paredz arī iespēju katram elementam kopā piemērot funkciju.

Ietījiet visus h2 vienā i.