jQuery lấy hình ảnh src

Tôi hy vọng khi tôi nhấp vào nút, tôi có thể lấy img src cụ thể và hiển thị img src trong img-blockkhối lớp 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);      
});

Nhưng bây giờ tôi phải đối mặt với vấn đề là lấy img src.
Vì vậy, tôi sử dụng cảnh báo để thực hiện kiểm tra, kết quả là nó không có gì cảnh báo.

src phải ở trong dấu ngoặc kép:

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

Bạn có thể tìm thấy likr

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

để sử dụng url đầy đủ

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

để sử dụng url hình ảnh tương đối

$('#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' />

Đây là những gì bạn cần

 $('img').context.currentSrc

Trong trường hợp của tôi, định dạng này hoạt động trên phiên bản mới nhất của jQuery:

$('img#post_image_preview').src;