javascript - Jquery只切换一个子菜单

Question

我在使用 jquery 时遇到一些小问题。下面的代码应该在用户单击菜单项时打开子菜单列表。但是，当用户单击其中一个菜单项时，它也会打开所有其他子菜单:

$(document).ready(function(){
    $(".mobile-main-menu-item-container").click(function(){
        $(".mobile-main-menu-subitem-list-container").slideToggle();
    });
});

我必须说，我对它的表现并不感到惊讶，因为所有菜单项都使用相同的类。我只是想问一下我必须在代码中更改什么以便只打开一个子菜单。当然，有更好的方法来编写代码，而不是为每个代码分配不同的 ID。

预先感谢您的帮助。

Answer 1

在 click 函数中，使用 this 将子项类的范围隔离到所单击项的子项(和孙子项等)。

$(document).ready(function(){
    $(".mobile-main-menu-item-container").click(function(){
        $(this).find(".mobile-main-menu-subitem-list-container").slideToggle();
    });
});