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

Manual de efeitos do jQuery

Exemplo

Substitua cada parágrafo por texto em negrito:

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

Experimente você mesmo

Definição e uso

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

Dica:replaceAll() e replaceWith() A ação é a mesma. A diferença está na sintaxe: a posição do conteúdo e do seletor, bem como a capacidade do replaceWith() de usar funções para substituição.

Sintaxe

$(content).replaceAll(',selector)
Parâmetros Descrição
content

Obrigatório. Especifica o conteúdo a ser substituído pelo elemento selecionado.

Valores possíveis:

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

O elemento existente não será movido, apenas copiado e envolto pelo elemento selecionado.
selector Obrigatório. Especifica o elemento a ser substituído.

Mais exemplos

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

Manual de efeitos do jQuery