Skapande och omslutning av element i jQuery
Innan omslutning med en tagg kan man förskapa
elementet i dokumentet. Låt oss omsluta de
nedan presenterade styckena med taggarna '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
För detta kan man förskapa ett element i
dokumentet med hjälp av
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Eller:
let div = document.createElement("div");
$('.www').wrap(div);
Som parameter kan man inte bara skicka taggens
namn, utan också en sådan konstruktion - '<div></div>'
- i detta fall blir effekten exakt densamma:
$('.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>
När man använder det andra sättet kan man
skriva vilka attribut som helst i den öppnande
taggen (i vårt fall '<div>'),
och omslutningen kommer att ske tillsammans med dessa attribut.
Låt oss omsluta våra stycken med en div med klassen
zzz:
$('.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>
Omslut varje h3 i en div
med klassen aaa.
