JQuery .click（）選擇器忽略<a>子元素？

Question

當用戶點擊一個元素或其中的任何元素時，我需要觸發一個事件，除非他點擊了一個<a>元素。

這是我現在想：

$("div:not(a)").click(function(e) { 
    alert("hello world"); 
}); 

您可以更好地理解這裏吧：

http://jsfiddle.net/cMBP3/1/

我怎樣才能做到這一點？

Answer 1

由於您的div從來都不是a，這是不行的。

你必須檢查你的目標元素爲a標籤是這樣的：

$('div').click(function(event) { 
    var $target = $(event.target); 
    if(!$target.is("a")) { 
     alert("hello world"); 
    } 
}); 

我已經更新了你的小提琴：Have a look

Answer 2

你可以使用：

$("div").click(function (e) { 
    if (e.target.nodeName.toLowerCase() != 'a') alert("hello world"); 
}); 

jsFiddle example

Answer 3

這是未經測試，但希望給你的想法：

$(function(){ 
    $('div').click(function(e){ 
     if($(e.target).is('a')){ 
       e.stopPropagation(); 
     } 
    }); 
});