Как выбрать имя товара по которому нажали?

Question

[Даниил Сухих]

Есть список товаров в каждом товаре есть иконка и имя как при нажатии на товар выбирать имя товара на который ты нажал и произвести с ним действия?

<div class="basket">
КОРЗИНА
	<hr>
	<div class="product_add"></div>
</div>
<div class="products">
		<div class="product">
			<div class="product_icon"></div>
			<div class="product_name">Телефон</div>
		</div>
		<div class="product">
			<div class="product_icon"></div>
			<div class="product_name">Планшет</div>
		</div>
		<div class="product">
			<div class="product_icon"></div>
			<div class="product_name">Ноутбук</div>
		</div>
	</div>

$('.product').on('click', function() {
	var prod = $('.product_name').html()
	$('.product_add').html(prod)
})

Answer 1

[Dima Polos]

$('.product').on('click', function(e) {
  var prod = $(e.target).find('.product_name').html();
  $('.product_add').html(prod);
})

Comments

[Даниил Сухих]

зачем e.target если можно this?

[Dima Polos]

Даниил Сухих, e.target надежнее, из-за всплытия событий в this могут попасть другие элементы, e.target перестраховка.