Methode wrap
Die Methode wrap umhüllt
Elemente in ein bestimmtes Tag.
Syntax
Als Parameter der Methode kann Text (möglicherweise mit Tags), ein DOM-Element oder ein jQuery-Objekt dienen:
.wrap(womit umhüllen);
So werden die ausgewählten Elemente mit Inhalt umhüllt, der von einer benutzerdefinierten Funktion zurückgegeben wird. Die Funktion wird separat für jedes der ausgewählten Elemente aufgerufen und akzeptiert als Parameter die Position des Elements im Set:
.wrap(function(Index im Set));
Beispiel
Lassen Sie uns alle Absätze mit der Klasse www mit dem Tag
div umhüllen:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
Der HTML-Code sieht dann so aus:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Beispiel
Als Parameter können nicht nur der Name eines Tags, sondern auch die folgende Konstruktion übergeben werden:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
Der HTML-Code sieht dann so aus:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Beispiel
In das öffnende Tag können beliebige Attribute geschrieben werden,
wobei das Umhüllen zusammen mit diesen
Attributen erfolgt. Lassen Sie uns die Absätze mit der Klasse
www mit einem Div mit der Klasse zzz umhüllen:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div class="zzz"></div>');
Der HTML-Code sieht dann so aus:
<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>
