jquery - JQuery.click-div内の特定の要素を除外します

Question

<p>text</p>ユーザーがdiv内をクリックした場合、.clickは何もしないようにします。それ以外の場合は、div.clickを機能させます。

HTML：

<div>
    <span>yes</span>
    <p>text</p>
</div>

Jquery：

<script>
$(document).ready(function() {

    $("div").click(function() {

        alert("woohoo!");

    }); 

});
</script>

Answer 1

   $("div").click(function(e) {
        if($(e.target).is('p')){
            e.preventDefault();
            return;
        }
        alert("woohoo!");
    }); 

クリックのターゲットを確認してください。このようにして、別のイベントをバインドする必要はありません。

Answer 2

<script>
$( document ).ready(function() {
    $( "div :not(p)" ).click(function( event ) {
        alert( "woohoo!" );
    }); 
});
</script>

<div>これは、コンテナの子としてテキスト ノードを気にしないことを意味します。

Answer 3

$("div > span").click(function() {

    alert("woohoo!");

}); 

ただし、html要素のIDを指定することをお勧めします。