Узнать класс на который кликнули jquery?

Question

[DrunkMaster]

Есть демка https://codepen.io/anon/pen/eeMoYG в ней есть главный контейнер
<div id="layer" class="main">

внутри него другие блоки, но код jquery

$(document).on("click", "#layer", function(e){
  var id_click = $(this).attr("class")
  console.log('класс куда кликнули = '+id_click);
});

всегда говорит что кликнули на класс main, а я бы хотел получить конкретные классы нажатых кнопок. Как это сделать?

Answer 1

[Дима Паутов]

Ну так вы же сами пишите
$(document).on("click", "#layer", function(e){
В данном случае $(this)всегда будет ссылаться на элемент #layer

Замените это:
$(this).attr("class")
на это
$(event.target).attr("class")

Comments

[Denis Popov]

а собственно в чем разница? this и e.target?

[Дима Паутов]

Denis Popov, $(this) ссылается на текущий объект, e.target - ссылается на элемент, на котором произошло событие

[Denis Popov]

Дима Турков, понятно. Т.е. e.target всегда ссылается на элемент, а в случае с this, к примеру, если внутри будет .each(), то после этого в this уже будет то что передано в each

[Дима Паутов]

Denis Popov, да

Answer 2

[iBird Rose]

$(document).on("click", function(e){
		var id_click = $(e.target).attr("class");
		console.log('класс куда кликнули = '+id_click);
	});

Answer 3

[Евгений Вольф]

Так?