Kelių elementų apvyniojimas jQuery

Galima apvynioti ne kiekvieną elementą atskirai, o visus rastus elementus kartu naudojant metodą wrapAll.

HTML kode pateikta pastraipų grupė:

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

Raskime visas pastraipas su klase www ir apvyniokime jas į vieną div žymę:

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

HTML kodas atrodys taip:

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

Atminkite, kad jei apvyniojami elementai nėra vienas šalia kito, metodas wrapAll pirmiausia perkels elementus į vieną vietą, o tik tada juos apvynios. Žiūrėkite šį pavyzdį:

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

Taikome metodą wrapAll:

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

Galų gale mes gauname tokį HTML kodą:

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

Elementų apvyniojimo metodai taip pat numato galimybę pritaikyti funkciją kiekvienam elementui rinkinyje.