¿cómo muevo el contenido de un div oculto a otro div mostrado usando jquery?mover contenido de un div oculto a otro div mostrado
dicen que tengo div1 con estilo de visualización es none y otro div "div2" con bloque de estilo de visualización.
¿cómo muevo el contenido de div1 a div2 y borro div1?
$($('#div1').html()).appendTo('#div2')
error: Microsoft JScript runtime error: El objeto no admite esta propiedad o el método – user384080
corregido. Si obtiene ese error de tiempo de ejecución, es probable que no sea nuestro código y es otra cosa de su parte. –
Primero debe obtener el HTML de DIV1, y luego establecer el HTML en DIV2.
Utilice las operaciones get/set disponibles en el selector .html().
De esta manera:
var div1Html = $('#div1').html();
$('#div2').html(div1Html);
recibiendo este error: htmlfile: error de tiempo de ejecución desconocido – user384080
suena como algo más en su página. Creé una página simple con nada más que dos div y el código anterior funciona bien (al igual que las respuestas similares de todos los demás) – RPM1984
tenga en cuenta que el formulario está en MVC framework ... podría comportarse de manera diferente ... gracias – user384080
¿Por qué no mostrar el div oculto y ocultar la que se muestra?
Pero para responder a su pregunta.
$('#div2').html($('#div1').html());
$('#div1').html('');
htmlfile: Error de tiempo de ejecución desconocido – user384080
@ ronald-yoh - ¿Está incluyendo jQuery en la página? cuando tu pregunta está etiquetada con jquery, hay una suposición de que la estás usando. –
sí .. Estoy usando jquery – user384080
.contents() puede ser lo que necesita:
$('#div1').contents().appendTo('#div2')
tomar en cuenta que se mueven será (no copiar) los elementos internos de un div a la otra.
No estoy seguro de que necesite los $() circundantes - puede hacer que sea '$ ('# div1'). Contents(). AppendTo ('# div2');' – jbyrd
@jbyrd eso es bastante posible ... tal vez alguien puede hacer un jsfiddle. O siéntase libre de simplemente editar mi publicación si está bastante seguro de que funciona –
Sí, acabo de confirmar que funciona sin los $ adicionales(). – jbyrd
¿A dónde va a mover el contenido específicamente? ¿Antepuesto o anexado, en un objetivo específico, etc.? –
Encontré una buena respuesta relacionada con esta pregunta aquí: http://stackoverflow.com/questions/2792352/how-do-you-move-html-from-one-div-to-another-with- jquery-without-breaking-javasc – netusco