jQuery get the image src

You may find likr

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

src should be in quotes: 

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

for full url use

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

for relative image url use

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

Tags:

Jquery

Recent Posts