Опаковане на няколко елемента в jQuery

Можете да опаковате не всеки елемент поотделно, а всички намерени елементи заедно с помощта на метода wrapAll.

В HTML кода е представена група параграфи:

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

Нека намерим всички параграфи с клас www и ги опаковаме в един таг div:

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

HTML кодът ще изглежда така:

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

Имайте предвид, че ако елементите, които се опаковат, не са разположени един до друг, методът wrapAll първо ще премести елементите на едно място и след това ще ги опакова. Вижте следния пример:

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

Прилагаме метода wrapAll:

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

В резултат получаваме следния HTML код:

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

Методите за опаковане на елементи също предвиждат възможност за прилагане на функция към всеки елемент в набора.