Ovijanje več elementov v jQuery

Lahko ovijete ne vsak element posebej, ampak vse najdene elemente skupaj z metodo wrapAll.

V HTML kodu je predstavljena skupina odstavkov:

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

Poiščimo vse odstavke z razredom www in jih ovijmo v eno oznako div:

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

HTML kod bo po tem videti takole:

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

Upoštevajte, da če elementi, ki jih ovijamo, ne stojijo drug ob drugem, bo metoda wrapAll najprej prestavila elemente na eno mesto, in šele nato jih ovila. Oglejte si naslednji primer:

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

Uporabimo metodo wrapAll:

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

Kot rezultat dobimo naslednjo HTML kodo:

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

Metode za ovijanje elementov prav tako predvidijo možnost uporabe funkcije za vsak element v nizu.