jquery - 选择子菜单

Question

我使用可选的选择列表。

<li>item 1</li>
<li>item 2</li> 
<li>item 3  
    <ul>        
        <li>item 3-1</li>       
        <li>item 3-2            
            <ul>                
                <li>item 3-2-1</li>
                <li>item 3-2-2</li>             
            </ul>
        </li>
    </ul> 
</li>

如果我选择<li>项目 1,2 或 3 这是真的，但是当我选择子集（例如：项目 3-2-1）时，我选择了主要项目（例如：3 项目）

Answer 1

您的循环正在进行第一个孩子的水平。我认为您必须对每个级别的子项使用嵌套循环，或者您可以通过单击对每个项使用 $(this).html() 方法，如下所示：

HTML：

<li class="item">item 1</li>
<li class="item">item 2</li> 
<li class="item">item 3  
    <ul>        
        <li class="item">item 3-1</li>       
        <li class="item">item 3-2            
            <ul>                
                <li class="item">item 3-2-1</li>
                <li class="item">item 3-2-2</li>             
            </ul>
        </li>
    </ul> 
</li>

JS：

$(".item").click(function() 
{
      item = $(this).html();
      checkSelection(item);
});

function checkSelection(item)
{
      alert("You chose " + item);
}