Több elem becsomagolása jQuery-ben

Nem kell minden elemet külön-külön becsomagolni, hanem az összes megtalált elemet együtt becsomagolhatjuk a wrapAll metódussal.

A HTML kód egy bekezdéscsoportot tartalmaz:

html<p class="www">szöveg</p>
<p class="www">szöveg</p>
<p class="www">szöveg</p>
<p>szöveg</p>

Keressük meg az összes www osztályú bekezdést, és csomagoljuk be őket egy div tag-be:

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

A HTML kód így fog kinézni:

html<div>
<p class="www">szöveg</p>
<p class="www">szöveg</p>
<p class="www">szöveg</p>
</div>
<p>szöveg</p>

Vedd figyelembe, hogy ha a becsomagolandó elemek nincsenek egymás mellett, akkor a wrapAll metódus először áthelyezi az elemeket egy helyre, és csak azután csomagolja be őket. Lásd a következő példát:

html<p class="www">szöveg1</p>
<p class="www">szöveg2</p>
<p>szöveg</p>
<p class="www">szöveg3</p>

Alkalmazzuk a wrapAll metódust:

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

Ennek eredményeként a következő HTML kódot kapjuk:

html<div>
  <p class="www">szöveg1</p>
  <p class="www">szöveg2</p>
  <p class="www">szöveg3</p>
</div>
<p>szöveg</p>

Az elemek becsomagolására szolgáló metódusok lehetővé teszik egy függvény alkalmazását is a kiválasztott elemenként.