如何实现点击含sub-menu的li时调用最近子菜单的slideToggle()？

问题出在你用错了DOM查找方法：

• closest()是向上查找当前元素的父级/祖先元素，但你的.sub-menu是点击的<li>（.menu-item-has-children）的子元素，所以这个方法根本找不到目标。

正确的做法是用向下查找的方法：

• 如果.sub-menu是当前<li>的直接子元素（和菜单结构匹配），用children()最精准，只找直接子节点：

$(".menu-item-has-children").click(function(event) {
  event.preventDefault();
  $(this).children(".sub-menu").slideToggle();
});

• 如果.sub-menu不是直接子元素（中间有其他标签嵌套），就用find()配合first()确保只操作当前li下最近的那个子菜单：

$(".menu-item-has-children").click(function(event) {
  event.preventDefault();
  $(this).find(".sub-menu").first().slideToggle();
});

内容的提问来源于stack exchange，提问作者yanksi_