当有许多其他div具有相同的类时，如何使用jquery仅针对当前悬停的div？

如何使用jQuery hover（）函数只针对当前div（我正在悬停），而不是针对同一类的所有div

我的代码是这样的（我的网站上有许多

div.video-item

元素（每个页面可能不同）：

JS是：

<script>
    $('a.video-item-link').hover(

      function() {
         // in
         $('a.video-item-link div.mouseover-element').show();

      }, function() {
         // out
         $('a.video-item-link div.mouseover-element').hide();
      }
    );
</script>

$（'a.video-item-link'）。悬停(
函数（）{
//在
$（'a.video-item-link div.mouseover-element'）.show（）；
}，函数（）{
//出去
$（'a.video-item-link div.mouseover-element'）.hide（）；
}
);

div.mouseover-element

的样式为display:none；默认为CSS

---

如何仅针对鼠标所在的当前div？现在，当我将鼠标悬停在任何

div.video-item-link

上时，将显示所有25个

div.mouseover

。如何仅限制当前悬停div的HF？

使用

this

，它是事件的目标，以及jQuery遍历函数：

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

---

虽然从您的标记来看，您似乎需要

$（这个）。查找（'div.mouseover-element'）

谢谢，它正在工作。我将在几分钟后选择您的答案。现在系统不允许这样做。我必须等待。

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