jquery - JQuery .click()セレクターは子要素を無視しますか?

Question

ユーザーが要素をクリックした場合を除いて、要素またはその中の何かをクリックしたときにイベントを発生させる必要があります<a>。

これは私が今試していることです：

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

ここでそれをよりよく理解できます：

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

これどうやってするの？

Answer 1

あなたが使用することができます：

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

jsFiddle の例

Answer 2

あなたdivは決して ではないのでa、これはうまくいきません。

a次のようなタグのターゲット要素を確認する必要があります。

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

私はあなたのフィドルを更新しました：見てください

Answer 3

これはテストされていませんが、うまくいけばアイデアが得られます：

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