ajouter Listener sur le conteneur DIV et sous DIV avec jQuery

Question

<div id="container"> 
    <div id="son1"> 
    </div> 
    <div id="son2"> 
    </div> 
</div> 

Lorsque cliquez à l'intérieur « conteneur » ou « son1 », je dois appeler « func1 »,

et quand cliquez à l'intérieur « son2 », je dois appelez "func2", et ne devriez plus appeler "func1".

Comment faire avec jQuery?

$ ('container'). Cliquez sur (..) seront appelés même en cliquant sur "son2"

Answer 1

$("#son1,,#container").click(function(event){ 
    // do your action 
}); 


$("#son2").click(function(event){ 
    // do your action 
}); 

et utiliser

event.stopPropagation() 

en cas de clic de ces divs si vous ne voulez pas propager ces événements.

Answer 2

Vous devrez déplacer son2 sur container si vous voulez cliquer sur son2 sans appeler l'événement click sur le conteneur.

<div id="container"> 
    <div id="son1"> 
    </div> 
</div> 

<div id="son2"> 
</div> 

<script type="text/javascript"> 
    /* <![CDATA[ */ 
    $('#son1,#container').click(func1); 
    $('#son2').click(func2); 
    /* ]]> */ 
</script>