jquery - 子要素でクリックイベントを発生させないようにするにはどうすればよいですか

Question

子divでクリックイベントを発生させないようにするにはどうすればよいですか。

<div id="div">
     <div id="first"></div>
     <div id="last"></div>
</div>

$('#div').click(function(e){
     //if e.target were object
     if(!e.target.is('#first')){
         //story
     }
});

Answer 1

これを試して：

$(".parent_class .child_class").click(function(e) {
    e.stopPropagation();
});

イベントが DOM ツリーをバブリングするのを防ぎ、親ハンドラーにイベントが通知されるのを防ぎます。

詳しくはこちらをご覧ください。

あなたも使うことができます（しかし、私は試していません）e.preventDefault();

このメソッドが呼び出された場合、イベントのデフォルト アクションはトリガーされません。