Mitme elemendi ümbritsemine jQuery-s

Võite ümbritseda mitte iga elementi eraldi, vaid kõik leitud elemendid koos, kasutades meetodit wrapAll.

HTML koodis on esitatud rühm lõike:

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

Leiame kõik lõigud klassiga www ja ümbristseme need ühte div silti:

$('.www').wrapAll('<div></div>');

HTML kood näeb välja selline:

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

Pidage meeles, et kui ümbritsetavad elemendid ei asu kõik kõrvuti, siis meetod wrapAll liigutab elemendid esmalt ühte kohta ja seejärel ümbristsed need. Vaadake järgmist näidet:

<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Rakendame meetodit wrapAll:

$('.www').wrapAll('<div></div>');

Lõpuks saame järgmise HTML koodi:

<div>
	<p class="www">text1</p>
	<p class="www">text2</p>
	<p class="www">text3</p>
</div>
<p>text</p>

Elementide ümbritsemise meetodid võimaldavad ka funktsiooni rakendamist igale elemendile komplektis.

Ümbritse kõik h2 ühe i sildiga.