jquery - jQueryは画像のsrcを取得します

Question

ボタンをクリックすると、特定の 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 を取得することです。
したがって、アラートを使用してテストを行いますが、結果は何もアラートしません。

Answer 1

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

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