jQuery manipulação de documentos - método wrapAll()

Manual de referência de efeitos jQuery

Exemplo

Envolver todos os parágrafos dentro de <div>:

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

Experimente você mesmo

Definição e uso

wrapAll() coloca todos os elementos selecionados no conteúdo HTML ou elemento especificado.

Sintaxe

$().wrapAll(wrapper)
Parâmetros Descrição
wrapper

Obrigatório. Define o conteúdo que envolve o elemento selecionado.

Valores possíveis:

  • Código HTML - por exemplo ("<div></div>")
  • Novo elemento DOM - por exemplo (document.createElement("div"))
  • Elementos existentes - por exemplo ($(".div1"))

Os elementos existentes não serão movidos, apenas copiados e envolvidos pelos elementos selecionados.

Mais exemplos

Use o novo elemento para envolver
Crie um novo elemento DOM para envolver cada elemento selecionado.

Manual de referência de efeitos jQuery