javascript - 从添加了类的元素中删除类

Question

尝试构建一个下拉菜单。这个想法是在父级悬停时向父级和子级添加类，并在鼠标离开父级和子级时删除添加的类。这是html

<ul>
  <li class="menuitem"></li>
  <li class="menuitem">
    <ul></ul>
  </li>
  <li class="menuitem"></li>
</ul>

这是jquery

$(".menuitem").each(function(){
  $(this).hover(function(){
    $(this).addClass("visible");
    $(this).find("ul").addClass("visible");
  });
});

$(".visible").each(function(){
  $(this).mouseout(function(){
    $(this).removeClass("visible");
  });
});

Answer 1

事件处理程序绑定(bind)到绑定(bind)时匹配的元素。稍后添加类不会使事件处理程序适用于该类。

您似乎正在寻找的只是toggleClass

$(".menuitem").hover(function(){
    $(this).find('ul').addBack().toggleClass("visible");
});

FIDDLE