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:
<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'):
$('.www').wrap(document.createElement('div'));
Arba:
let 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:
$('.www').wrap('<div></div>');
HTML kodas atrodys taip:
<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:
$('.www').wrap('<div class="zzz"></div>');
HTML kodas atrodys taip:
<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>
Apvyniokite kiekvieną h3 į div
su klase aaa.
