jQuery获取图像的src

我希望当我点击button时，我可以得到特定的img src，并在div类img-block块中显示img src。

HTML

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

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

但是现在我面对的问题是拿到img src。
所以我用alert做testing，结果是什么也没有警觉。

Answer 1

src应该在引号中：

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

Answer 2

你可能会find比较

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

Answer 3

获取当前点击的图像源并在其他位置显示该图像;

 <script type="text/javascript"> jQuery(document).ready(function($){ $('body').on('click','img',function(){ var imgsrc=$(this).attr('src'); $("html").append("<div id='image_popup'><img src='"+imgsrc+"'></div>"); }) }); </script> 

Answer 4

这是你需要的

  $('img').context.currentSrc