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   lt button class  button  gt Click lt  button gt   lt div class  img1  gt       lt img src  img jpg  alt    gt   lt  div gt    lt div class  img-block  gt  lt  div gt    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               But now I face the problem is to get the img src  So I use alert to make the test  the result is it alert nothing

User · Answer

You may find likr      class   find  tag   attr  src

User · Answer

In my case this format worked on latest version of jQuery      img post image preview   src

User · Answer

This is what you need      img   context currentSrc

User · Answer

src should be in quotes           img1 img   attr  src

User · Answer

for full url use      imageContainerId   prop  src     for relative image url use      imageContainerId   attr  src      x000D   x000D  function showImgUrl    x000D    console log  for full image url         imageId   prop  src      x000D    console log  for relative image url         imageId   attr  src     x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt img id  imageId  src  images image1 jpg  height  50px  width  50px   gt  x000D   x000D   lt input type  button  onclick  showImgUrl    value  click to see the url of the img    gt  x000D   x000D   x000D

User · Answer

When dealing with the HTML DOM  ie  this   the array selector  0  must be used to retrieve the jQuery element from the Javascript array    this  0  getAttribute  src

[jquery] jQuery get the image src

Examples related to jquery