JQuery .click - 排除div內的特定元素

Question

我想要.click不做任何事情如果用戶在div內部單擊了<p>text</p>，對於我希望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

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

    alert("woohoo!"); 

}); 

但是，您最好爲您的html元素提供id。

Answer 3

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

這意味着你不關心文本節點作爲<div>容器的子節點。