javascript - 查找没有 id 或类的元素的子元素

Question

我有以下代码结构:

<ul class='menu'>
    <li>
         Main Menu
         <ul class='hide'>
             <li>SubMenu1</li>
             <li>SubMenu2</li>
         </ul>
    </li>
    <li>
         Main2
         <ul class='hide'>
             <li>Sub1</li>
         </ul>
    </li>
</ul>

有没有一种方法可以让我在 Main Menu 和 Main2 上以一种通用的方式发生 jQuery 单击事件，从而删除正确子项的“隐藏”类每次？

Answer 1

这是另一种方式，它使用事件委托(delegate)，并且仅在 li 元素而非其子元素被单击时运行:

$('ul.menu').on('click', 'ul.menu > li', function(e) {
    if(e.target === this) {
        $(this).children('ul').toggleClass('hide');
    }
});

DEMO