Innpakning av flere elementer i jQuery

Du kan pakke inn ikke hvert element separat, men alle funnede elementer sammen ved hjelp av metoden wrapAll.

I HTML-koden presenteres en gruppe avsnitt:

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

La oss finne alle avsnitt med klassen www og pakke dem inn i en div-tag:

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

HTML-koden vil se slik ut:

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

Vær oppmerksom på at hvis elementene som skal pakkes inn ikke ligger ved siden av hverandre, vil metoden wrapAll først flytte elementene til ett sted, og deretter pakke dem inn. Se følgende eksempel:

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

Vi bruker metoden wrapAll:

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

Som et resultat får vi følgende HTML-kode:

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

Elementinnpakkingsmetodene gir også muligheten til å bruke en funksjon på hvert element i settet.