jQuery父母/子女嵌套列表

Question

在jQuery中，父母（）和子女（）行为不像我期望的嵌套列表。举个例子：

<ul> 
    <li>item 1 
     <ul> 
      <li>item a</li> 
      <li>item b 
       <ul> 
        <li>item i</li> 
       </ul> 
      </li>   
      <li>item c</li> 
     </ul> 
    </li> 
    <li>item 2</li> 
</ul> 

和JavaScript：

$('li').click(function(event) { 
    $('ul').not($(this).parents()).hide(); 
    $(this).children().show(); 
}); 

如果我点击 “项目B”，然后 '项目i' 隐藏。看来“item i”是“item b”的一个孩子，应该用$（this）.children（）显示。show（）

我是否有语法问题，还是我误解了孩子/父母在DOM中？

查看https://jsfiddle.net/8o71yfpf/的工作示例。

Answer 1

你应该使用event.stopPropagation();

当你点击内里你也点击父里。

更新https://jsfiddle.net/8o71yfpf/2/

它可能有助于了解DOM遍历http://www.richfinelli.com/understanding-dom-traversal-in-jquery/