jquery - spec - whatwg español

jQuery obtener la imagen src

Question

Espero que cuando haga clic en el botón, pueda obtener el img src específico y mostrar el img src en el img-block clase div.

HTML

<button class="button">Click</button>
<div class="img1">
    <img src="img.jpg" alt="">
</div>

<div class="img-block"></div>

CSS

.img-block{
    position: absolute;
    top:10%;
    right:10%;
    background-color: red;
    width: 500px;
    height: 500px;
}
.img1 img{
    width: 200px;
}

JS

$(''.button'').click(function(){
  var images = $(''.img1 img'').attr(src);
  alert(images);      
});

Pero ahora me enfrento al problema es obtener el img src.
Entonces uso alerta para hacer la prueba, el resultado es que no alerta nada.

Answer 1

PARA obtener la fuente actual de la imagen clicada y visualizar esa imagen en otra ubicación;

<script type="text/javascript">
        jQuery(document).ready(function($){
            $(''body'').on(''click'',''img'',function(){              
                var imgsrc=$(this).attr(''src'');             
                $("html").append("<div id=''image_popup''><img src=''"+imgsrc+"''></div>");
            })
        });
    </script>

Answer 2

Esto es lo que necesitas

 $(''img'').context.currentSrc

Answer 3

Puede encontrar likr

$(''.class'').find(''tag'').attr(''src'');

Answer 4

src debe estar entre comillas:

$(''.img1 img'').attr(''src'');