javascript - Jquery 悬停所有元素

Question

我试图在我的 div 元素中实现 jquery 悬停功能，所以我有一个 div，首先它没有显示，所以我用 css 隐藏它，display:none 我正在使用 jquery悬停以显示它，所以这是我的代码

$('.fc-day-grid-event').hover(
  function() {
    $(".hidenDiv").css("display", "inline-block");
  },
  function() {
    $(".hidenDiv").css("display", "none");
  }
);

但是当我将鼠标悬停在元素上时，所有具有 .fc-day-grid-event 类的元素都显示隐藏的 div，它应该只显示 hidenDiv我悬停的元素

Answer 1

使用 上下文选择器或.find() 定位当前fc-day-grid-event 元素的子元素

$('.fc-day-grid-event').hover(function () {
    $(".hidenDiv", this).css("display", "inline-block");
    //$(this).find(".hidenDiv").css("display", "inline-block");
}, function () {
    $(".hidenDiv", this).css("display", "none");
});