javascript - 无法使用 jQuery 从点击范围获得响应

Question

我有如下的html结构

<div class='container'>

    <div class='comment-row-id-1'> <span class='user'> job </span> <span class='icon-trash'> </span> </div>
    <div class='comment-row-id-2'> <span class='user'> smith </span> <span class='icon-trash'> </span> </div>
    <div class='comment-row-id-3'> <span class='user'> jane </span> <span class='icon-trash'> </span> </div>

</div>

我想要实现的是，当用户点击任何带有“图标垃圾桶”类的跨度时，我不希望它触发 onclick 响应。

我可以处理点击了哪个跨度，但现在我卡在了点击本身，因为它没有在这个例子中我无法获得警报消息

jQuery(".icon-trash").click(function(){
    alert('hi')
})

Answer 1

.icon-trash 应该包含一些东西，或者是 block /内联 block 元素

jQuery('.icon-trash').click(function(e){
    alert('hi')
})

.icon-trash {
   display: inline-block;
   width: 6px;
   height: 6px;
   background: #ccc;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <div class='container'>

    <div class='comment-row-id-1'> <span class='user'> job </span> <span class='icon-trash'> </span> </div>
    <div class='comment-row-id-2'> <span class='user'> smith </span> <span class='icon-trash'> </span> </div>
    <div class='comment-row-id-3'> <span class='user'> jane </span> <span class='icon-trash'> </span> </div>

</div>