jquery - サブメニューを選択

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>

アイテム1、2、または3を選択<li>した場合は正しいですが、サブセット（例：：アイテム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);
}