Question

我使用selectable作为选择列表。

<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），eligitur选择主要项目（例如：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);
}

选择子菜单

1 个答案: