Att omsluta flera element i jQuery

Man kan omsluta inte varje element för sig, utan alla hittade element tillsammans med hjälp av metoden wrapAll.

I HTML-koden finns en grupp av stycken presenterade:

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

Låt oss hitta alla stycken med klassen www och omsluta dem i en div-tagg:

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

HTML-koden kommer att se ut så här:

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

Tänk på att om elementen som ska omslutas inte står bredvid varandra, kommer metoden wrapAll först flytta elementen till en plats, och sedan omsluta dem. Se följande exempel:

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

Vi tillämpar metoden wrapAll:

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

Som ett resultat får vi följande HTML-kod:

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

Metoderna för att omsluta element ger också möjligheten att tillämpa en funktion på varje element i uppsättningen.