Método jQuery wrapAll()

HTML do jQuery/Métodos CSS

O método wrapAll() envolve o elemento HTML especificado ao redor de todos os elementos selecionados.

Sintaxe:

$(selector).wrapAll(wrappingElement)

Exemplo

Envolver o elemento DIV ao redor de todos os elementos <p>:

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

Este exemplo usa document.createElement() para criar um elemento DIV e envolve-o ao redor de todos os elementos <p>:

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

Atenção, neste exemplo, todo o conteúdo entre os parágrafos foi esquecido, por exemplo (sobre eu?):

Diferença entre os métodos wrap() e wrapAll():

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

Valor do Parâmetro

HTML do jQuery/Métodos CSS