jQuery：单击嵌套元素 [英] jQuery: clicking nested elements

问题描述

我有以下标记

<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的点击。
有没有办法做到这一点？

---

When I click in image, it also triggers click of ListItem. I understand this is because image is inside ListItem. but I want ListItem's click not to be fired when image is clicked. Is there any way to do that ?

推荐答案

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

这篇关于jQuery：单击嵌套元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！