jQuery - método de operaciones de documento replaceWith()

Manual de referencias de efectos de jQuery

Ejemplo

Reemplace cada párrafo con texto en negrita:

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

Pruebe usted mismo

Definición y uso

El método replaceWith() reemplaza el elemento seleccionado con contenido HTML o elemento especificado.

Consejo:replaceWith() y replaceAll() Función similar. La diferencia radica en la sintaxis: la posición de contenido y selector, y replaceAll() no puede usar funciones para reemplazar.

Sintaxis

$().replaceWith(content)
Parámetros Descripción
content

Necesario. Especificar el contenido que se debe reemplazar en el elemento seleccionado.

Valores posibles:

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

Los elementos existentes no se moverán, solo se copiarán y envolverán el elemento seleccionado.
Necesario. Especificar el elemento que se debe reemplazar.

Utilice una función para reemplazar el elemento

Utilice una función para reemplazar el elemento seleccionado con nuevo contenido.

Sintaxis

$().replaceWith(function())

Pruebe usted mismo

Parámetros Descripción
function() Necesario. Función que devuelve el nuevo contenido del elemento seleccionado para reemplazar.

Más ejemplos

Utilice un nuevo elemento para reemplazar el elemento
Utilice document.createElement() para crear un nuevo elemento DOM, y luego utilícelo para reemplazar el elemento seleccionado.

Manual de referencias de efectos de jQuery