Metoden wrap
Metoden wrap pakker inn
elementer i en gitt tagg.
Syntaks
Parameteren til metoden kan være tekst (mulig med tagger), DOM-element eller jQuery-objekt:
.wrap(text or tag);
Slik blir de valgte elementene pakket inn i innhold som returneres av en brukerdefinert funksjon. Funksjonen kalles separat for hvert av de valgte elementene, og tar elementets posisjon i settet som parameter:
.wrap(function(posisjon i settet));
Eksempel
La oss pakke inn alle avsnitt med klassen www i taggen
div:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
HTML-koden vil da se slik ut:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Eksempel
Som parameter kan du sende ikke bare taggnavnet, men også følgende konstruksjon:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
HTML-koden vil da se slik ut:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Eksempel
I den åpnende taggen kan du skrive alle attributter,
og innpakkingen vil skje sammen med disse
attributtene. La oss pakke inn avsnitt med klassen
www i en div med klassen zzz:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div class="zzz"></div>');
HTML-koden vil da se slik ut:
<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>
