jQuery：如何知道单击了哪个元素？

Question

我有一个5格的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);
});