Как отключить ссылку тега в моем случае

Question

у меня есть что-то вроде следующего

<div class='bar'>     
       <div class='container'> 
         <a class='add' href='#'>Add</a> 
         <a class='remove' href='#'>Remove</a> 
      </div> 
</div> 

мой Jquery

$('.bar').on('click', function(e){ 

    //do stuff A. 

}) 

Мой вопрос, как prvent do stuff A, когда я нажимаю add и removea тег мое дело.

Я хочу, чтобы add и remove кнопка ничего не делала на данный момент (в конце концов, это будет ссылка).

Спасибо!

Answer 1

Предотвращение распространения события от Add и Remove элементов по телефону .stopPropagation().

$('.container a').click(function(e){ 
    e.stopPropagation() 
}); 

или внутри обработчика проверки возникла ли событие из тех элементов, как

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

    //do stuff A. 
}) 

Answer 2

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