jQuery की छवि src प्राप्त करें

Question

मुझे आशा है कि जब मैं बटन पर क्लिक करता हूं, तो मैं विशिष्ट img src प्राप्त कर सकता हूं और div वर्ग img-blockखंड में img src दिखा सकता हूं ।

एचटीएमएल

<button class="button">Click</button>
<div class="img1">
    <img src="img.jpg" alt="">
</div>

<div class="img-block"></div>

सीएसएस

.img-block{
    position: absolute;
    top:10%;
    right:10%;
    background-color: red;
    width: 500px;
    height: 500px;
}
.img1 img{
    width: 200px;
}

जे एस

$('.button').click(function(){
  var images = $('.img1 img').attr(src);
  alert(images);      
});

लेकिन अब मैं समस्या का सामना करने के लिए img src पाने के लिए है।
इसलिए मैं परीक्षण करने के लिए सतर्कता का उपयोग करता हूं, परिणाम यह है कि कुछ भी सतर्क नहीं है।

Answer 1

src उद्धरण में होना चाहिए:

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

Answer 2

आपको लाइक मिल सकता है

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

Answer 3

पूर्ण url उपयोग के लिए

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

रिश्तेदार छवि के लिए url का उपयोग करें

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

Answer 4

यह वही चीज़ है जिसकी आपको आवश्यकता है

 $('img').context.currentSrc

Answer 5

मेरे मामले में इस प्रारूप ने jQuery के नवीनतम संस्करण पर काम किया:

$('img#post_image_preview').src;