Креирање и omotaње елемената у jQuery-у
Пре omotaња тегом можемо претходно да креирамо
елемент у документу. Хајде да omotamo приказане
испод пасусе у тегове '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
За ово можемо претходно да креирамо елемент у
документу користећи
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Или:
let div = document.createElement("div");
$('.www').wrap(div);
Као параметар можемо проследити не само име
тега, већ и такву конструкцију - '<div></div>'
- у овом случају ефекат ће бити потпуно исти:
$('.www').wrap('<div></div>');
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>
Када користимо други начин, у
отворени тег (у нашем случају '<div>')
можемо писати било које атрибуте, при чему ће
omotaње бити заједно са тим атрибутима.
Хајде да omotamo наше пасусе div-ом са класом
zzz:
$('.www').wrap('<div class="zzz"></div>');
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>
Omotajte сваки h3 у div
са класом aaa.
