Ustvarjanje in ovijanje elementov v jQuery
Pred ovijanjem z oznako lahko predhodno ustvarimo
element v dokumentu. Ovojmo spodaj predstavljene
odstavke v oznake '<div></div>':
<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'):
$('.www').wrap(document.createElement('div'));
Ali:
let 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:
$('.www').wrap('<div></div>');
HTML koda bo takole:
<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:
$('.www').wrap('<div class="zzz"></div>');
HTML koda bo takole:
<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>
Ovojte vsak h3 v div
z razredom aaa.
