Как запустить функцию при наступлении события на одном из одинаковых селекторов Javascript

function txt() {
        $('.put').fadeIn(2000);
}

$('.add_to_cart_button').click(function(e){
  txt();
})
.put{
  display:none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="add_to_cart_button">
  <div class="put">add</div>
</div>

<div class="add_to_cart_button">
  <div class="put">add</div>
</div>

<div class="add_to_cart_button">
  <div class="put">add</div>
</div>

Как запустить функцию txt() на элементе, на котором произошло событие


Ответы (1 шт):

Автор решения: Igor
function txt(parent) {
  $(parent).find('.put').fadeIn(2000);
}

$('.add_to_cart_button').click(function(e){
  txt(this);
})
→ Ссылка