jQuery চিত্র src পেতে

Question

আমি আশা করি আমি যখন বোতামটি ক্লিক করব তখন আমি নির্দিষ্ট ইমগ এসসিআর পেতে পারি এবং ডিভি ক্লাস 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

সম্পূর্ণ ইউআরএল ব্যবহারের জন্য

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

আপেক্ষিক চিত্র ইউআরএল ব্যবহারের জন্য

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