请大家看看这个嵌套的标签怎么绑定单击函数

<ul>
<li><span>m-1</span>
    <ul>
        <li><span>m-1-1</span></li>
        <li><span>m-1-2</span>
            <ul>
                <li><span>m-1-2-1</span></li>
            </ul>
        </li>
    </ul>
</li>
</ul>

像上面的这个树形菜单，如果我们要制作点击li标签的时候，他的子标签需要隐藏起来，所以要绑定 单击函数

但是 我这样写测试函数的 时候

$("li").click(function(){
        alert($(this).text());
});


如果点击 “m-1-2”时候， 会发现 弹出两次对话框 ，因为<li><span>m-1-2</span></li> 还嵌套在另外的一个 <li>里面，
现在我如果想要只触发最里层的 单击函数，不要外层的标签的函数 怎么办？
也就是只要弹出一次 m-1-2

try it

复制代码 $("li").click(function(e){     alert($(this).text());     e.stopPropagation(); });

good！

thank you!