Operação de documento do jQuery - método replaceWith()

Manual de referência de efeitos do jQuery

Exemplo

Substitua cada parágrafo por texto em negrito:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Experimente você mesmo

Definição e uso

O método replaceWith() substitui o elemento selecionado por conteúdo HTML ou elemento especificado.

Dica:replaceWith() e replaceAll() Funciona de maneira semelhante. A diferença está na sintaxe: a posição do conteúdo e do seletor, e replaceAll() não pode usar funções para substituição.

Sintaxe

$().replaceWith(content)
Parâmetros Descrição
content

Obrigatório. Especifique o conteúdo a ser substituído no 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 envoltos pelo elemento selecionado.
Obrigatório. Especifique o elemento a ser substituído.

Use uma função para substituir o elemento

Use uma função para substituir o elemento selecionado por novo conteúdo.

Sintaxe

$().replaceWith(function())

Experimente você mesmo

Parâmetros Descrição
function() Obrigatório. Função que retorna o novo conteúdo do elemento selecionado para substituição.

Mais exemplos

Use o novo elemento para substituir o elemento
Use document.createElement() para criar um novo elemento DOM, e então use-o para substituir o elemento selecionado.

Manual de referência de efeitos do jQuery