A wrap metódus
A wrap metódus
becsomagolja az elemeket a megadott tagbe.
Szintaxis
A metódus paramétere lehet szöveg (esetleg tagekkel), DOM elem vagy jQuery objektum:
.wrap(text or tag);
Így a kiválasztott elemeket becsomagoljuk abba a tartalomba, amit egy felhasználói függvény ad vissza. A függvény külön hívódik meg minden egyes kiválasztott elemre, paraméterként az elem pozícióját kapja a halmazban:
.wrap(function(index));
Példa
Csomagoljuk be a www osztállyal rendelkező összes bekezdést
div tagbe:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
A HTML kód így fog kinézni:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Példa
Paraméterként nem csak a tag neve adható át, hanem a következő konstrukció is:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
A HTML kód így fog kinézni:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Példa
A nyitó tagbe bármilyen attribútumot írhatunk,
ekkor a becsomagolás ezekkel az attribútumokkal együtt történik.
Csomagoljuk be a www osztályú bekezdéseket
egy zzz osztályú divvel:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div class="zzz"></div>');
A HTML kód így fog kinézni:
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>
