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

Manual de referência de efeitos jQuery

Exemplo

Envolver o elemento b no conteúdo de cada elemento p:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

Experimente você mesmo

Definição e uso

O método wrapInner() usa o conteúdo HTML ou elemento especificado para envolver todo o conteúdo (inner HTML) de cada elemento selecionado.

Sintaxe

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

Obrigatório. Especifica o conteúdo que envolve o conteúdo do 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.

Envolver conteúdo usando função

Use uma função para especificar o conteúdo que envolve cada elemento selecionado.

Sintaxe

$().wrapInner(function())

Experimente você mesmo

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

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