Elementų kūrimas ir apvyniojimas jQuery

Prieš apvyniojant elementą tag'u, galime iš anksto sukurti elementą dokumente. Apvyniokime toliau pateiktus paragrafus į '<div></div>' tag'us:

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

Norėdami tai padaryti, galime iš anksto sukurti elementą dokumente naudodami document.createElement('div'):

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

Arba:

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

Parametru galime perduoti ne tik tag'o pavadinimą, bet ir tokią konstrukciją - '<div></div>' - šiuo atveju efektas bus visiškai toks pat:

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

HTML kodas atrodys taip:

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>

Naudojant antrąjį metodą, į atidarantį tag'ą (mūsų atveju '<div>') galima rašyti bet kokius atributus, tuo pačiu apvyniojimas bus kartu su šiais atributais.

Apvyniokime mūsų paragrafus div'u su klase zzz:

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

HTML kodas atrodys taip:

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>