Operações de Documento jQuery - método wrap()

Manual de Efeitos jQuery

Exemplo

Empacotar cada parágrafo dentro do elemento <div>:

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

Experimente você mesmo

Definição e uso

O método wrap() coloca cada elemento selecionado dentro do conteúdo HTML ou elemento especificado.

Sintaxe

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

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

Valores possíveis:

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

Os elementos existentes não serão movidos, apenas copiados e empacotados ao redor dos elementos selecionados.

Use uma função para empacotar elementos

Use uma função para especificar o conteúdo empacotado ao redor de cada elemento selecionado.

Sintaxe

$().wrap(function())

Experimente você mesmo

Parâmetros Descrição
function() Obrigatório. Especifica a função que retorna o elemento empacotado.

Mais exemplos

Usar o novo elemento para empacotar
Criar um novo elemento DOM para empacotar cada elemento selecionado.
Empacotar ou desempacotar elementos
Alternar entre empacotar e desempacotar elementos.

Manual de Efeitos jQuery