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:

html<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'):

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

Tai:

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

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

HTML-koodi näyttää tältä:

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>

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:

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

HTML-koodi näyttää tältä:

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>