Jquery 如何在我的案例中禁用标记链接

Jquery 如何在我的案例中禁用标记链接,jquery,html,css,Jquery,Html,Css,我有如下的东西 <div class='bar'> <div class='container'> <a class='add' href='#'>Add</a> <a class='remove' href='#'>Remove</a> <

我有如下的东西

<div class='bar'>                
              <div class='container'>
                        <a class='add' href='#'>Add</a>
                        <a class='remove' href='#'>Remove</a>
             </div>
</div>
我的问题是,在我的案例中,当我单击
add
remove
A
标记时,如何执行
填充操作

我希望
add
remove
按钮现在什么都不做(最终它们将成为一个链接)


谢谢

通过调用
.stopPropagation()
防止事件从
添加
删除
元素传播

或者在处理程序内部检查事件是否源自以下元素

$('.bar').on('click', function(e){
    if($(e.target).is('.container a')){
        return
    }

    //do stuff A.   
})

…还是从HTML中删除该类?但就像@codehorse所说的,评论出来是首选的方法。我不确定我是否完全理解你的问题。也许你在追求
preventDefault
$('.container a').click(function(e){
    e.stopPropagation()
});
$('.bar').on('click', function(e){
    if($(e.target).is('.container a')){
        return
    }

    //do stuff A.   
})
$('.bar').on('click', 'a', function(e){
    return false;
});