Как с помощью Jquery вытащить элемент?

Question

[freelancer007]

Всем доброго дня и хорошего настроения!
Подскажите пожалуйста, имеется такой код

<div class="span3">
   <div class="panel panel-success">
      <div class="panel-heading text-center">Наименование товара</div>
      <div class="panel-body">
         <img src="images/c/1250.jpg" alt="" style="width: 100%;" />
         <hr />
         
         <button class="btn btn-success btn-block btn-sm-padding">Заказать</button>
      </div>
   </div>
</div>

Как с помощью Jquery получить "Наименование товара" при нажатии на кнопку ?
Сложность для меня в том, что товаров на странице около 20шт, и каждому присваивать ид и потом по ид дергать, это много повторяющегося кода получиться.
Спасибо!

Answer 1

[DTX]

$("button").click(function (e) {
  text = $(e.target).closest(".panel").find(".panel-heading").text();
  alert(text);
});

codepen.io/anon/pen/OXJBpM