Jquery：如何知道哪個元素被點擊？

Question

我有5個div的html代碼。他們都有相同的班級和不同的ID。 然後，在JavaScript中我有這樣的：

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

其中.pics是班上所有的div的名稱。這個想法是，當我點擊其中任何一個時，應該觸發某個腳本，但我也想知道哪個div被點擊過。

你如何去做呢？

謝謝。

Answer 1

試試這個：

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

Answer 2

你可以從點擊事件的目標信息，如圖所示here。

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

Answer 3

this引用該元素。

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

Answer 4

假設你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