Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/07/2014, 12:56
Avatar de Nerissa17
Nerissa17
 
Fecha de Ingreso: julio-2014
Ubicación: Londres
Mensajes: 11
Antigüedad: 9 años, 10 meses
Puntos: 0
Clonar varios elementos y mostrarlos

Hola,

Estoy teniendo varios problemas con el codigo porque a veces consigo clonar los elementos pero no se me muestran o viceversa.
Lo que yo quiero es clonar todos los elementos de un div y mostrarlos en el body,pero si pongo el nombre de donde he sacado los elementos solo me muestra eso.... alguna idea?
Aqui esta el codigo que estoy usando:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.     var pictures0_1 = document.createElement("div");
  4.     pictures0_1.id = "pictures0_1";
  5.     $("#pictures0").clone().appendTo("#pictures0_1");
  6.     $("#pictures:first").appendTo("#pictures:second");
  7.     $("#pictures0").remove();
  8.         // Con este prepend me muestra el codigo que quiero,pero yo no quiero tener que escribir el codigo porque la idea es que el solo coja el codigo que quiero mostrar con el clone,sin tener que escribirselo
  9.     $("#pictures2").prepend("<div id='pictures0_1'><img class='type1' src='pictures/pic2.jpg' /><img class='type1' src='pictures/pic3.jpg' /><img class='type1' src='pictures/pic4.jpg' /></div>");
  10.  
  11. });

Y este es el div del body que quiero clonar:

Código HTML:
Ver original
  1. <div id="pictures0">
  2.         <img class="type1" src="pictures/pic2.jpg" />
  3.         <img class="type1" src="pictures/pic3.jpg" />
  4.         <img class="type1" src="pictures/pic4.jpg" />
  5.     </div>

Realmente me da igual usar javascript o jquery,pero como puedo elegir creo que seria mas sencillo y rapido por el jquery,pero si se os ocurre una solucion con javascript tambien me vale!

Gracias por pasaros!