javascript - jquery在分层菜单中选择li元素

Question

我需要能够从某个 li 获取文本点击后，代码如下:

<div>
<ul>
    <li>list item 1</li>
    <li>list item 2</li>
    <li>
      <ul>
       <li>list item 3</li>
       <li>list item 4</li>
       <li>list item 5</li>
     </ul>
    </li>
    <li>list item 6</li>
    <li>
       <ul>
       <li>list item 7</li>
       <li>list item 8</li>
       <li>list item 9t</li>
     </ul>
    </li>
  </ul>
</div>

在本例中，我需要通过索引获取“列表项 5”。

编辑:

基本上，当 <li>list item 5</li>被点击时我想获取这个特定的文本或值，当点击其他内容时 - 什么都不做。请注意，尽管菜单是分层的，但第 5 个元素意味着平面第 5 个元素。仔细检查li的文本需要理解的项目。

Answer 1

$('li').on('click',function(){
    alert($(this).text());
});

<强> Working Example