获取特定点击图像的路径

Question

Demo is here.

当我点击任何图像时，我想获得该图像的路径。这里的问题是每次只给出图像1的路径。

另外，使用新的src，我想在id = cropimage

的图像中添加src

$(".img").click(function() {
    var newsrc = $(".img").attr("src");
    alert(newsrc);
});

Answer 1

在Click事件处理程序中使用 $(this) 来获取单击的元素。事件处理程序中的$(this)是事件发生的元素。

如果您使用$('.img')，则会选择所有具有类img的元素，并在使用attr时，它会返回该属性值第一个匹配的选择器。

Demo

＆＃13;

＆＃13;

$(".img").click(function() {
  var newsrc = $(this).attr("src");
  $('#cropimage').attr('src', newsrc);

  // Even Shorter Form
  // $('#cropimage').attr('src', $(this).attr('src'));
});

＆＃13;

#cropimage {
  background: yellow;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<img class="img" src="http://www.w3schools.com/images/w3schools.png" />
<br/>
<img class="img" src="https://www.google.co.in/images/icons/hpcg/ribbon-black_68.png" />
<div id="img-container">
  <img src="" id="cropimage" />
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

请查看此链接Js Fiddle它会对您有所帮助。

$( ".img" ).click(function() {
  var newsrc=$(this).attr("src");
    //alert(newsrc);
    $( "#cropimage" ).attr("src",newsrc);

});