Как заставить действие произойти с конкретным, но повторяющимся элементом

Question

Я хочу, чтобы определенное действие (анимация ключевого кадра и показ текста) происходило на .hover на определенном изображении, но при наведении курсора это происходит со всеми изображениями.

ближайший ответ, который я могнайти это было

  $(document).click(function(event){
        alert(event.target.id);
    });
}); 

Я снял предупреждение и изменил с правильным кодом, но не смог заставить его работать.

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

https://jsfiddle.net/8746s0v5/2/

Заранее спасибо.

Answer 1

Используйте это ключевое слово:

$('.artista img').mouseenter(function(event){
  $(this).closest('.artista').find('h3').show();
  $(this).addClass('bounce');
});

$('.artista img').mouseleave(function(event){
   $(this).closest('.artista').find('h3').hide();
  $(this).removeClass('bounce');
});