JQuery: как узнать, какой элемент был нажат?

Question

У меня есть html-код с 5 div. Все они имеют одинаковый класс и разные идентификаторы. Тогда, в Javascript У меня есть это:

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

где .pics это имя класса всех дивы. Идея состоит в том, что когда я нажимаю на любой из них, должен запускаться определенный скрипт, но я также хочу знать, какой из них был нажат.

Как вы относитесь к этому?

Спасибо.

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

Предполагая, что ваши иды подобны этому:

<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