はjQueryを使ってコンテナDIVとサブDIVにリスナーを追加

Question

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

クリックすると、「コンテナ」または「SON1」の内側に、私は、「関数func1」

とを呼び出す必要があるときにクリックして、「son2」の内側に、私がする必要がある場合"func2"を呼び出し、 "func1"を再度呼び出すべきではありません。

jQueryの操作方法は？

$（ 'コンテナ'）。（..）をクリックし、 "son2"

Answer 1

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


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

と場合は、これらのdivのクリックイベントに

event.stopPropagation() 

を使用するをクリックした場合にも呼び出されますこれらのイベントを伝播する必要はありません。

Answer 2

コンテナのclickイベントを呼び出さずにson2をクリックする場合はson2をcontainerから移動する必要があります。

<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>