Elementide loomine ja mähkimine jQuery-s

Enne mähkimist märgendiga võib elemendi eelnevalt dokumentis luua. Mähgime allpool esitatud lõigud märgenditesse '<div></div>':

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Selleks saab eelnevalt luua elemendi dokumendis kasutades document.createElement('div'):

$('.www').wrap(document.createElement('div'));

Või:

let div = document.createElement("div");
$('.www').wrap(div);

Parameetrina saab edastada mitte ainult märgendi nime, vaid ka sellist konstruktsiooni - '<div></div>' - sel juhul on efekt täpselt sama:

$('.www').wrap('<div></div>');

HTML-kood näeb välja selline:

<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

Teist meetodit kasutades saab avatavasse märgendisse (meie puhul '<div>') kirjutada mis tahes atribuute, samas mähkimine toimub koos nende atribuutidega.

Mähgime oma lõigud div-iga klassiga zzz:

$('.www').wrap('<div class="zzz"></div>');

HTML-kood näeb välja selline:

<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>

Mähkige iga h3 div-isse klassiga aaa.