jQuery get the image src

Question

I hope when I click the button, I can get the specific img src and show the img src in the div class img-block block.

HTML

Answer 1

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