Mehrere Elemente in jQuery umschließen

Man kann nicht jedes Element einzeln umschließen, sondern alle gefundenen Elemente zusammen mit der Methode wrapAll.

Im HTML-Code ist eine Gruppe von Absätzen dargestellt:

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

Lassen Sie uns alle Absätze mit der Klasse www finden und sie in ein div-Tag umschließen:

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

Der HTML-Code sieht dann so aus:

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

Beachten Sie, dass wenn die zu umschließenden Elemente nicht benachbart sind, die Methode wrapAll zuerst die Elemente an einen Ort verschiebt und sie dann umschließt. Sehen Sie sich das folgende Beispiel an:

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

Wir wenden die Methode wrapAll an:

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

Als Ergebnis erhalten wir den folgenden HTML-Code:

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

Die Methoden zum Umschließen von Elementen bieten auch die Möglichkeit, eine Funktion auf jedes Element im Set anzuwenden.