Vytváření a obalování elementů v jQuery
Před obalením tagem lze předem vytvořit
element v dokumentu. Pojďme obalit níže uvedené
odstavce tagy '<div></div>':
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
K tomu lze předem vytvořit element v
dokumentu pomocí
document.createElement('div'):
$('.www').wrap(document.createElement('div'));
Nebo:
let div = document.createElement("div");
$('.www').wrap(div);
Jako parametr lze předat nejen název
tagu, ale i takovou konstrukci - '<div></div>'
- v tomto případě bude efekt naprosto stejný:
$('.www').wrap('<div></div>');
HTML kód bude poté vypadat takto:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Při použití druhé metody lze do
otevíracího tagu (v našem případě '<div>')
zapsat libovolné atributy, přičemž
obalování proběhne i s těmito atributy.
Pojďme obalit naše odstavce divem s třídou
zzz:
$('.www').wrap('<div class="zzz"></div>');
HTML kód bude poté vypadat takto:
<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>
Obalujte každý h3 do div
s třídou aaa.
