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:

html<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ā:

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

HTML kods izskatīsies šādi:

html<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:

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

Lietojam metodi wrapAll:

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

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

html<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.