javascript - コンテナーではなく btn で JavaScript を実行する

Question

私はこれを持っています： http://jsfiddle.net/G3VjC/

これは単に次のとおりです。

$(document).ready(function() {

$(document).on('click','#btn',function(){
    console.log('ran btn');
});
$(document).on('click','#containerdiv',function(){
    console.log('ran div');
});

});

ただし、ボタンをクリックすると、btn JS とコンテナー JS が実行されます (コンソール ログを参照)。

どうすればそれらを分離できますか?

ありがとう

Answer 1

これを試して

$(document).ready(function() {
    $(document).on('click','#containerdiv',function(){
        console.log('ran div');

    });

    $(document).on('click','.meee',function(){
        console.log('ran btn');
        return false;
    });
});

デモ

Answer 2

$(document).on('click','#btn',function(e){
e.stoppropagation();
var target = $(e.target);
if(!target.attr('id') == 'btn'){
 e.preventDefault();
 $(target.find("#btn)).trigger("click")
}
//any additional logic if the target was of the intended type.
});