How to target only the current hovering div with jquery when there are many other divs with the same class?

Question

How to target only current div (that I am hovering over) and not all divs with the same class using jQuery hover() function?

My code is something like this (I have m

Answer 1

Use this, which is the target of the event, along with jQuery traversal functions:

$('a.video-item-link').hover(function() {
     // in
     $(this).find('div.mouseover').show();
  }, function() {
     // out
     $(this).find('div.mouseover').hide();
  }
);

Though from your markup, it looks like you need $(this).find('div.mouseover-element')