[解決済み] jQueryで画像のsrcを取得する

質問

ボタンをクリックしたときに、特定のimg srcを取得して、そのimg srcをdivクラスで表示できればいいのですが。 img-block ブロックに表示させることができればと思います。

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

しかし、今私は問題に直面しているimgのsrcを取得することです。

だから私はテストを行うためにアラートを使用して、結果はそれが何も警告されています。

どのように解決するには？

srcは引用符で囲む必要があります。

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