Envolver múltiples elementos en jQuery

Se pueden envolver no cada elemento por separado, sino todos los elementos encontrados juntos usando el método wrapAll.

En el código HTML se presenta un grupo de párrafos:

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

Busquemos todos los párrafos con la clase www y envolvámoslos en una etiqueta div:

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

El código HTML pasará a verse así:

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

Tenga en cuenta que si los elementos a envolver no están adyacentes, el método wrapAll primero moverá los elementos a un mismo lugar, y luego los envolverá. Observe el siguiente ejemplo:

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

Aplicamos el método wrapAll:

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

Como resultado, obtenemos el siguiente código HTML:

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

Los métodos de envolver elementos también prevén la posibilidad de aplicar una función a cada elemento en el conjunto.

Envuelva todos los h2 en un i.