Question

可能重复：
jQuery: How to determine which <li> tag was clicked?

我有一个div里面有图像，我想知道点击了哪个图像，无论是第1个，第2个还是第3个。

<div class="imageholder">
    <span><img src="image1"></span>
    <span><img src="image2"></span>
    <span><img src="image3"></span>
</div>

我们怎么能在jQuery中得到它？

Answer 1

$(".imageholder img").click(function(){
    var image = $(this).attr("src").replace("image","")
    alert(image);
});

Answer 2

假设您想要获取图像本身，而不是它在div中的位置，以下内容对您有用：

$(".imageholder img").click(function() {
   alert($(this).attr("src"));
});

要获取div中的图像排序位置，请使用：

$(".imageholder img").click(function() {
    alert($(this).index());
});

Answer 3

$(".imageholder img").click(function(){
    console.log($(this).attr("src"));
});

Answer 4

以下代码应该有效：）

$('.imageholder').find('img').click(function(){
    var thisImg = $(this).attr('src');
    alert(thisImg);
});

Answer 5

如果你想获得点击顺序的图像，即想获得索引，你可以使用Jquery索引函数。

   $('.imageholder img').click(function(){
       alert($(this).index());
   });

Answer 6

$(".imageholder span img").click(function(){
var k1 = $(".imageholder span img").index(this);
alert(k1);
});