Jquery：如何知道点击了哪个元素？

Question

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

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

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

你是怎么做到的？

感谢。

Answer 1

假设你的 ids 是这样的：

<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

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

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

Answer 4

this指的是那个元素。

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