如何在子菜单中选择第一个孩子而不是孙子，而在jquery中有一个相同的班级

Question

我为子菜单编写了这段代码我有子菜单和大子菜单都 UL 有相同的类我在父点击时切换孩子但孙子也在与父切换如何在 jquery 中防止此问题我使用此代码进行切换

$("#main-nav > .menu-item-has-children").on("click", function (e) {
e.preventDefault();
if ($(window).width() <= 800) {
    $(this).siblings().find(".sub-nav").slideUp();
    $(this).find(".sub-nav").slideToggle();
}
});

.find(".sub-nav") 正在同时选择子项和孙子项，并在单击时同时切换如何切换只有子项而不是孙子项 请帮忙

Answer 1

这取决于您的 HTML 结构，如果您的 .sub-nav 元素是您的 .menu-item-has-children 元素的直接子元素，您只需将 > 添加到您的 CSS 选择器

 $(this).find("> .sub-nav").slideToggle();