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

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

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

Nebo:

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

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

HTML kód bude poté vypadat takto:

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>

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:

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

HTML kód bude poté vypadat takto:

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>