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:

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

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

HTML kood näeb välja selline:

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

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

Rakendame meetodit wrapAll:

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

Lõpuks saame järgmise HTML koodi:

html<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.