jQuery获取图像src

Question

我希望当我点击按钮时,我可以获得特定的img src并在div类img-block块中显示img src .

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

Answer 2

用于完整的 url 使用

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

对于相对图像 url 使用

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

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

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

Answer 3

你可能会发现喜欢

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