Question

我有嵌套列表，我想点击它并展开基础列表。点击第一级列表项工作正常，在第二级，单击打开一个新级别但隐藏自己。这是一个简单的例子：

<ul>
<li> 1   
    <ul>
    <li> 1.1 </li>
    <li> 1.2 
      <ul>
        <li>
          1.2.1
        </li>
      </ul>
    </li>
    </ul>
</li>
<li> 2 
    <ul>
    <li> 2.1 </li>
    <li> 2.2 </li>
    </ul>
</li>
</ul>

这是我使用的JQuery：

$(function () {
    $('li').click(function () {
        $(this).children('ul').toggle(); //Tried next('ul') too which does not work
    });
});

这是demo

我想点击并查看只有下一级别的孩子，点击可能有孩子的孩子会打开基础列表，或者在其他情况下什么都不做。

Answer 1

您需要使用event.stopPropagation()。这可以防止事件冒泡DOM树，防止任何父处理程序被通知事件。

behave sample.feature --format json --out file_name.json

这里是fiddle

使用JQuery切换项目会隐藏上层列表

1 个答案: