Índice

Copiar un elemento

clone()

Selecciona y copia (clona) los elementos del DOM encontrados. Esta función es útil para crear copias de elementos y desplazarlas hacia otro lugar concreto del DOM.

$("p").clone(): copia el párrafo.

Parámetros (opcional): se indica true si se desea clonar los administradores de eventos asociados a la selección.

Este método devuelve un objeto jQuery.

Ejemplo

Clonamos una caja y su contenido (<div id="div1">) para desplazarla a otro lugar de la página (<div id="div2">).

Aspecto inicial:

images/8_8_v41.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(){ 
        $("#div2").hide(); 
        $("button").click(function () { 
            $("#div1").clone().prependTo("#div2"); 
            $("#div2").show(); 
        }); 
    }); 
</script> 
<style> 
    button { 
        margin-bottom: 15px; 
    } 
    #div1 { 
        border: 1px solid black; 
        width: 110px; 
      ...