javascript - 使用 jquery 更改内部选定元素的功能？

Question

jquery 是否可以说如果我点击一个列表元素会发生一些事情，但是如果我点击那个列表中的一个元素(例如一个跨度)什么都不需要改变

例子

<li><span>hello</span></li>如果我单击 li 元素 => alert("list")，如果我单击 li 中的 span 元素 => alert("hello") 但它也不必向我显示 alert("list") .

Answer 1

是的，检查触发事件的event.target节点。

$('li').click(function(event){
    if (event.target. == event.currentTarget)
        // li element triggered
    else
        // inner elements triggered
});

Live STUPID DEMO