使用jQuery在容器DIV和子DIV上添加侦听器

当在“容器”或“son1”中单击时，我需要调用“func1”

当在“son2”中单击时，我需要调用“func2”，不应该再调用“func1”

如何使用jQuery实现这一点

$（'container'）。即使单击“son2”，也会调用click（..）

和使用

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


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

---

如果您不想传播这些事件，请单击这些div的click事件。

如果您想单击son2而不调用容器上的click事件，则需要将

son2

移出

container

event.stopPropagation() 

/*  */

event.stopPropagation() 

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