Învelirea mai multor elemente în jQuery

Poți înfășura nu fiecare element separat, ci toate elementele găsite împreună cu ajutorul metodei wrapAll.

În codul HTML este prezentat un grup de paragrafe:

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

Să găsim toate paragrafele cu clasa www și să le împachetăm într-un singur tag div:

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

Codul HTML va arăta astfel:

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

Rețineți că, dacă elementele care trebuie împachetate nu se află unul lângă altul, metoda wrapAll va muta mai întâi elementele într-un singur loc, iar apoi le va împacheta. Vedeți următorul exemplu:

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

Aplicăm metoda wrapAll:

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

Ca rezultat, obținem următorul cod HTML:

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

Metodele de înfășurare a elementelor prevăd, de asemenea, posibilitatea aplicării unei funcții pentru fiecare element din set.