Tutorial básico de jQuery

Efectos de jQuery

El método replaceWith() reemplaza el elemento seleccionado con nuevo contenido.

El método replaceWith() es similar areplaceAll()perocontentyselectorAl revés.

Contenido de reemplazo:

$("selector").replaceWith(content)

Usar función para reemplazar contenido:

$("selector").replaceWith(function(index))

Reemplazar todos los párrafos con <h1>Elemento:

Ejemplo

$("button").click(function(){
　　$("p").replaceWith("<h1>Nuevo título</h1>");
});

Usar función para reemplazar contenido:

Ejemplo

$("button").click(function(){
　　$("p").replaceWith(function(i){
　　　　return "<h2>Este elemento tiene el índice "　+　i　+　".</h2>";
　　});
});

Parámetros	Descripción
content	Especificar el contenido a insertar (puede contener etiquetas HTML) Valores posibles: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar una función que devuelva el contenido HTML a reemplazar índice-Devolver la posición del elemento en la colección