JQuery .click - esclude elementi specifici all'interno di div

Question

Desidero .fare clic su non fare nulla SE l'utente fa clic su <p>text</p> all'interno del div, per tutto il resto voglio che div .click funzioni.

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!"); 
    }); 

controllo l'obiettivo del click. in questo modo non è necessario associare un altro evento.

Answer 2

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

    alert("woohoo!"); 

}); 

Ma è meglio fornire id per il proprio elemento html.

Answer 3

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

Ciò implica che non si cura di nodi di testo come figli del contenitore <div>.