javascript - 选择悬停的 "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，如果您只在鼠标悬停在元素上而不是鼠标离开元素时绑定(bind)处理程序。