Método jQuery wrapAll()

HTML de jQuery/Métodos CSS

El método wrapAll() envuelve el elemento HTML especificado alrededor de todos los elementos seleccionados.

Sintaxis:

$(selector).wrapAll(wrappingElement)

Ejemplo

Envolver el elemento DIV alrededor de todos los elementos <p>:

$("button").click(function(){
　　$("p").wrapAll("<div></div>");
});

Este ejemplo utiliza document.createElement() para crear un elemento DIV y lo envuelve alrededor de todos los elementos <p>:

$("button").click(function(){
　　$("p").wrapAll(document.createElement("div"));
});

Ten en cuenta que, en este ejemplo, todo el contenido entre los párrafos se olvidó, por ejemplo (acerca de mí?):

Diferencia entre los métodos wrap() y wrapAll():

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").wrapAll("<div></div>");
});

Valor del parámetro

HTML de jQuery/Métodos CSS