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值

1 个答案: