javascript - Jquery：如何知道单击了哪个元素？

Question

我有一个带有 5 个 div 的 html 代码。它们都具有相同的类和不同的 ID。然后，在javascript中我有这个：

$(".pics").click(function() {
alert("hey!");
});

其中 .pics 是所有 div 的类的名称。这个想法是，当我点击其中任何一个时，应该触发某个脚本，但我也想知道点击了哪个 div。

你怎么做？

谢谢。

Answer 1

假设你的 id是这样的：

<div class="pics" id ="pic1">...</div>

<div class="pics" id ="pic2">...</div>

<div class="pics" id ="pic3">...</div>

<div class="pics" id ="pic4">...</div>

<div class="pics" id ="pic5">...</div>

然后在你的javascript中：

$(".pics").click(function() {
alert("You are clicking "+$(this).attr('id'));
});

您应该会看到如下内容：

You are clicking pic1

Answer 2

尝试这个：

$(".pics").click(function() {
    alert("hey!" + $(this).attr("id"));
});

Answer 3

您可以从点击事件的目标中获取此信息，如下所示。

$(".pics").click( function (e) {
    var clickedElement = e.target;
})

Answer 4

this指那个元素。

$(".pics").click(function() {
    var me = $(this);
    alert(this.id);
});