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");
});