选择悬停的“li”标签内的元素

Question

我有一些<li>代码，我需要在悬停的<li>代码中隐藏一个元素。 以下代码无法使用，请让我知道如何让它工作......

$(function(){
  $("#deals ul li").hover(function(){
     $(this:has(".transform")).hide();
  });
});

感谢。

Answer 1

this是一个DOM元素。您无法将其与jQuery选择器或字符串组合以尝试查找元素。 $(this)是一个包含悬停元素的jQuery选择。您可能需要使用find来获取所需的元素：

$(function(){
  $("#deals ul li").hover(function(){
     $(this).find(".transform")).hide();
  });
});

我认为您可能还需要mouseenter事件，而不是hover，如果您只是在鼠标悬停在元素上时绑定处理程序，而不是在它离开它时

Answer 2

替换：

$(this:has(".transform")).hide();

使用：

$(this).find(".transform")).hide();