Javascript 从位于另一个div顶部的div获取click事件

以下是UI部件的外观

我的垃圾桶在点击时工作正常，但那时我不必在蓝色分区上有点击事件。现在我在蓝色分区上也有点击事件，当我点击垃圾桶时，我得到的是蓝色分区对象而不是垃圾桶对象。我尝试了一些z索引技巧，但没有成功

谢谢你的帮助

<td id="ea-13" class="activityTableCell">
    <div style="width:90px; margin-left:0px" class="eventTimeSpan"></div>
    <div id="NewActivityContainer-13" class="activityContainerExisting">
        <div data-uid="57386445" class="label label-sm label-info newActivityClass point" style="width:59px; top:-1px; left:30px; z-index:4000" title="Mobile Game Party">
        Mobile Game Party 
            <div data-isactivity="1" data-packageid="" data-elid="57386445" class="xRemove" style="left:46px;z-index:8000"><i class="fa fa-trash font-red" title="Remove"></i>
            </div>
        </div>
    </div>
</td>

---

您可以尝试

event.stopPropagation（）

---

来源：

是的，如前所述，event.stopPropagation（）为您执行此任务

对于JSIDLE代码：

$（文档）。在（“单击”，“内部”，函数（e）{
警报（“单击内部”）；
e、 停止传播（）；
});
$（文档）。在（“单击”上，“外部”，功能（e）{
警报（“单击外部”）；
e、 停止传播（）；
});
#外部{
宽度：100px；
高度：100px；
背景色：#777777；
}
#内在的{
位置：相对位置；
最高：50%；
左：50%；
宽度：30px；
高度：30px；
背景色：#232323；
}


请提供JSFIDLE。谢谢，这很有帮助！
$(document).on("click", ".newActivityClass", function(){
    console.log(this);
    ...snip...
}

$(document).on("click", ".xRemove,.aRemove", function(){
...snip...
}

$(document).on("click", ".xRemove,.aRemove", function(event){
   event.stopPropagation();
   // code here
});