Erstellen und Umhüllen von Elementen in jQuery
Vor dem Umhüllen mit einem Tag kann man das Element
zunächst im Dokument erstellen. Lassen Sie uns die unten
dargestellten Absätze in die Tags '<div></div>' einhüllen:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Dazu kann man vorab ein Element im Dokument mit
document.createElement('div') erstellen:
$('.www').wrap(document.createElement('div'));
Oder:
let div = document.createElement("div");
$('.www').wrap(div);
Als Parameter kann man nicht nur den Tag-Namen
übergeben, sondern auch eine solche Konstruktion - '<div></div>'
- in diesem Fall wird der Effekt absolut gleich sein:
$('.www').wrap('<div></div>');
Der HTML-Code würde dann so aussehen:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Bei der Verwendung der zweiten Methode können in
das öffnende Tag (in unserem Fall '<div>')
beliebige Attribute geschrieben werden, wobei
das Umhüllen mit diesen Attributen erfolgt.
Lassen Sie uns unsere Absätze in ein Div mit der Klasse
zzz einhüllen:
$('.www').wrap('<div class="zzz"></div>');
Der HTML-Code würde dann so aussehen:
<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>
Hüllen Sie jedes h3 in ein div
mit der Klasse aaa ein.
