Índice

Sustituir un elemento

replaceWith()

Sustituye el elemento actual por el contenido especificado, en formato de código HTML o de objeto DOM. La función devuelve el elemento jQuery que se acaba de sustituir y lo elimina del DOM.

$("#div1").replaceWith("<div>Nueva capa</div>");

Este método devuelve un objeto jQuery.

Comentarios

El método html() sustituye el contenido del elemento, mientras que replaceWith() sustituye el elemento en sí mismo.

Ejemplo

Modificamos el botón de envío de formulario después de hacer clic en él. Las imágenes del ejemplo están disponibles para su descarga desde la página Información.

Aspecto inicial donde se muestra la imagen original del botón:

images/8_6_v41.png

Después de hacer clic en el botón, se reemplaza su imagen:

images/8_6_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("button").click(function(){ 
            $("img").replaceWith("<img src=’no.gif’ alt=’’ />"); 
            $("span").css("text-decoration","line-through"); 
        ...