获取多个uls的li值

Question

我有多个 uls 树。是这样的

<ul>
    <li>john
        <ul>
            <li>car</li>
            <li>phone</li>
        </ul>
    </li>                               
    <li>smith
        <ul>
            <li>tablet</li>
            <li>car</li>
       </ul>
    </li>
</ul>

我想当我按下任何名字（例如：约翰）时提醒约翰，当按下汽车时提醒汽车文本。我尝试了 jquery 的许多变体，但没有成功。

Answer 1

这里点击叶子 li 也会向父级 li 发送气泡。为了防止这种情况发生，我们使用 event.stopPropagation();

/*$('ul > li > ul > li').on('click',function(event){
  event.stopPropagation();
  alert($(this).text());
});*/

$('ul > li').on('click',function(event){
  event.stopPropagation();
  $liClone = $(this).clone();
  $liClone.find('ul').remove();
  alert($liClone.text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ul>
    <li>john
        <ul>
            <li>car</li>
            <li>phone</li>
        </ul>
    </li>                               
    <li>smith
        <ul>
            <li>tablet</li>
            <li>car</li>
       </ul>
    </li>
</ul>

获取多个uls的li值

get li value of multiple uls

html

tree

jquery

html-lists