jquery - jqueryはネストされた要素を持つセレクターではありません

Question

私が次のような要素を持っている場合：

<div class="one">
    <div class="two">
    </div>
</div>

そして、ユーザーが2つではなく1つをクリックしたときに、何かをしたいのです。

$('.one:not(.two)').live('click', function(){
            console.log('jazz');     
        });

ただし、要素がネストされているため、コンソールログは引き続き実行されます。これを修正するにはどうすればよいですか？

score 4 · Accepted Answer

別のクリックイベントをにバインドしてtwo、ブラウザにイベントのバブリングを停止するように指示することをお勧めします。その方がはるかに読みやすいです。

$('.one').click(function() {
   console.log('jazz');
})
.find('.two').click(function(e) {
   e.stopPropagation();
});

score 2 · Accepted Answer

あなたが探しています

$('.one:not(:has(.two))')

または、でイベントを.one処理してから、で処理して.two呼び出しe.stopPropagation()、最大でバブリングしないようにすることもでき.oneます。

2 に答える 2