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:
<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:
$('.www').wrapAll('<div></div>');
A HTML kód így fog kinézni:
<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:
<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:
$('.www').wrapAll('<div></div>');
Ennek eredményeként a következő HTML kódot kapjuk:
<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.
Csomagolja be az összes h2 elemet egy i tag-be.
