Metoden wrap
Metoden wrap sveper in
element i en given tagg.
Syntax
Parametern för metoden kan vara text (möjligtvis med taggar), ett DOM-element eller ett jQuery-objekt:
.wrap(vad man ska svepa in i);
Så här sveps de valda elementen in i innehåll som returneras av en användardefinierad funktion. Funktionen anropas separat, för varje av de valda elementen, och tar elementets position i uppsättningen som parameter:
.wrap(function(position i uppsättningen));
Exempel
Låt oss svepa in alla stycken 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 kommer att se ut så här:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Exempel
Som parameter kan man skicka inte bara taggens namn, utan även följande konstruktion:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
HTML-koden kommer att se ut så här:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Exempel
I öppningstaggen kan man skriva vilka attribut som helst,
och insvepningen kommer då att inkludera dessa
attribut. Låt oss svepa in styckena 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 kommer att se ut så här:
<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>
