我有如下的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')
})
最佳答案
.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>
关于javascript - 无法使用 jQuery 从点击范围获得响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43656961/