Elementtien luominen ja kääriminen jQueryssä
Ennen elementin käärimistä tagilla, voit ensin luoda
elementin dokumenttiin. Kääritään alla esitellyt
kappaleet '<div></div>'-tageihin:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Tätä varten voit ensin luoda elementin
dokumenttiin käyttämällä
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Tai:
let div = document.createElement("div");
$('.www').wrap(div);
Parametrina voi välittää paitsi tagin nimen,
myös tällaisen rakenteen - '<div></div>'
- tässä tapauksessa vaikutus on täysin sama:
$('.www').wrap('<div></div>');
HTML-koodi näyttää tältä:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Kun käytät toista tapaa,
avaavaan tagiin (meidän tapauksessamme '<div>')
voi kirjoittaa mitä tahansa attribuutteja, ja
kääminen tapahtuu näiden attribuuttien kanssa.
Kääritään kappaleemme div-elementillä, jolla on luokka
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML-koodi näyttää tältä:
<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>
Käytä jokaista h3-elementtiä div-elementillä,
jolla on luokka aaa.
