jQuery holt das Bild src

Ich hoffe, wenn ich auf die Schaltfläche klicke, kann ich das spezifische img src erhalten und das img src im div-Klassenblock img-blockanzeigen.

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

Aber jetzt stehe ich vor dem Problem, das img src zu bekommen.
Also benutze ich Alert, um den Test durchzuführen. Das Ergebnis ist, dass es nichts alarmiert.

src sollte in Anführungszeichen stehen:

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

Sie können likr finden

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

für die vollständige URL-Verwendung

$('#imageContainerId').prop('src')

für relative Bild-URL verwenden

$('#imageContainerId').attr('src')

function showImgUrl(){
  console.log('for full image url ' + $('#imageId').prop('src') );
  console.log('for relative image url ' + $('#imageId').attr('src'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id='imageId' src='images/image1.jpg' height='50px' width='50px'/>

<input type='button' onclick='showImgUrl()' value='click to see the url of the img' />

Das brauchen Sie

 $('img').context.currentSrc

In meinem Fall funktionierte dieses Format mit der neuesten Version von jQuery:

$('img#post_image_preview').src;