如何在子菜单中选择具有相同类的子菜单中的第一个子项而不是外孙

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();