Ustvarjanje in ovijanje elementov v jQuery

Pred ovijanjem z oznako lahko predhodno ustvarimo element v dokumentu. Ovojmo spodaj predstavljene odstavke v oznake '<div></div>':

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

Za to lahko predhodno ustvarimo element v dokumentu z document.createElement('div'):

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

Ali:

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

Kot parameter lahko podamo ne samo ime oznake, ampak tudi takšno konstrukcijo - '<div></div>' - v tem primeru bo učinek popolnoma enak:

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

HTML koda bo takole:

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

Pri uporabi druge metode lahko v začetno oznako (v našem primeru '<div>') pišemo poljubne atribute, pri čemer bo ovijanje potekalo skupaj s temi atributi.

Ovojmo naše odstavke z div z razredom zzz:

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

HTML koda bo takole:

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