Buenas a todos:

La duda de hoy creo que es bien sencilla. Tengo una serie de divs y me gustaría saber si es posible extraer su contenido con JS o jQuery para luego colocarlo en otra parte. Pongo un ejemplo. Para un visor, hay unas miniaturas que contienen las imágenes que se mostrarán en grande. Lo que quiero hacer es que al hacer un mouseover sobre una de las miniaturas, esta misma imagen se cargue en el visor principal. ¿Es posible hacer esto?

Puedes con javascript:

nombrevariable = document.getElementsByTagName("div")[x].innerHTML;

Entonces puedes utilizar la variable para mostrar el contenido. (El X es el numero de la etiqueta, es decir, si hay dos tags de "div", deberás especificar si accedes al primero o al segundo)

vale, es mas o menos la idea... lo único es que necesito que sea algo mas genérico, se podría hacer con this?? en plan yo me pongo sobre tal div y extraigo el valor de esa concretamente... he probado con document.this.innerHTML; pero no ha funcionado. Sabes a lo que me refiero no? es posible hacerlo??

vaaaale, ya lo tengo!!

sería asi:

<script type="text/javascript">

    $(document).ready( function() {

        $(".div").mouseover( function() {
                         
            var div;            
            div = this.innerHTML;            
            $("#main").empty().append(div);                
        
        });            
    
    });

</script>

perfecto! muchísimas gracias tio!

aquí tenéis un ejemplo:

https://desarrollophp.webcindario.com/example.html