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'');