JQuery .click - exclude specific elements inside div

Question

I want .click to do nothing IF the user clicks <p>text</p> inside the div, for everything else I want the div .click to work.

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

check the target of the click. this way you dont need to bind another event.

Answer 2

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

This implies you don't care about text nodes as children of the <div> container.