Metoden wrap
Metoden wrap indpakker
elementer i en given tag.
Syntaks
Parametren for metoden kan være tekst (muligvis med tags), et DOM-element eller et jQuery-objekt:
.wrap(hvad der skal indpakkes med);
Sådan indpakkes de valgte elementer med indhold, som returneres af en brugerdefineret funktion. Funktionen kaldes separat for hvert af de valgte elementer, og som parameter modtager den elementets position i sættet:
.wrap(function(nummer i sættet));
Eksempel
Lad os indpakke alle afsnit med klassen www i tagget
div:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap(document.createElement('div'));
HTML-koden vil se sådan ud:
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>
Eksempel
Som parameter kan man ikke kun overføre et tag-navn, men også følgende konstruktion:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap('<div></div>');
HTML-koden vil se sådan ud:
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>
Eksempel
I start-tagget kan man skrive alle mulige attributter,
hvorved indpakningen vil ske sammen med disse
attributter. Lad os indpakke afsnit med klassen
www i en div med klassen zzz:
<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
$('.www').wrap('<div class="zzz"></div>');
HTML-koden vil se sådan ud:
<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<p>tekst</p>
