Jquery悬停所有元素

Question

我正在尝试将jquery悬停函数实现到我的div元素中，所以我有一个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");
});