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>点击时我想获得这个particallar文本或值,当点击其他东西时 - 什么都不做.请注意,虽然菜单是分层的,但第5个元素表示第5个元素.仔细检查li要理解的项目的文本.

Answer 1

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

工作实例