javascript - jQuery:单击嵌套元素

Question

我有以下标记

<ol>
    <li class="ListItem">
        <span class="sub">@qItem.CategoryText</span>
        <input type="image" src="http://icons.iconarchive.com/icons/tatice/just-bins/256/bin-red-full-icon.png" width="30" class="deleteIcon" name="QuestionId" value="@qItem.Id" />
    </li>
</ol>

和下面的脚本

$(".ListItem").click(function(){
doActionA();
});

$(".deleteIcon").click(function(){
doActionB();
});

---

当我点击图像时，它也会触发 ListItem 的点击。我知道这是因为图像在 ListItem 中。但我希望在单击图像时不触发 ListItem 的单击。 有什么办法吗？

Answer 1

$(".deleteIcon").click(function(e){
    doActionB();
    e.stopPropagation();
});