Anotaciones rápidas de JQuery – Duplicar un bloque de HTML

Anotaciones rápidas de JQuery – Duplicar un bloque de HTML

Saludos

En varias ocasiones he necesitado duplicar pedazos completos de codigo HTML y siempre termino googleando por no recordarlo, en fin para mi consumo interno y para el que lo necesite dejare este pedacito de conocimiento.

Una forma de duplicar codigo es generar 2 divs, uno con el contenido y otro en donde quiero meter el codigo, llamemolos datos y formulario respectivamente.

<div id="datos">
   Datos que quiero duplicar
</div>
<div id="formulario"></div> <!-- Esto me sirve como guia para ver donde lo voy a duplicar -->

Previamente he enlazado el js necesario para que jquery funcione

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

El codigo en jquery es muy simple para realizar la replicación:

<script type="text/javascript">
 $(document).ready(function(){
 $("#formato").clone(true).insertAfter("#datos");
});
</script>
Sin mas nada que decir, me despido hasta una nueva oportunidad.

2 pensamientos sobre “Anotaciones rápidas de JQuery – Duplicar un bloque de HTML

  1. Pingback: Tweets that mention Anotaciones rápidas de JQuery – Duplicar un bloque de HTML | eidast.me - tecnología en web 2.0 -- Topsy.com

  2. Pingback: Eidast

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *