如何在JQuery中觸發兒童事件時防止觸發容器的事件？

Question

如：

我的HTML代碼的結構是：

<ul> 
    <li class="container_event_click"> 
    <div class="child_event_click">click fired but doesn't want to trigger container's event</div> 
    </li> 
</ul> 

我的意思是：在container LI有自己click event。就像selected or not。而child div有自己click event像演藝container.But的一些信息我的問題是當我點擊the child's event it also trigger the container's event。那麼，我該如何解決這個問題。

非常感謝！

Answer 1

$('#child').click(function(event){ 
     event.stopPropagation();   
    }); 

    $("div").delegate("", "click", function(e){ 
     e.stopPropagation(); 
     alert('test'); 
    }); 

這裏有一個工作環節：

http://jsfiddle.net/MN5KK/1/

Answer 2

$('.child_event_click').click(function(e) { 
    e.stopPropagation(); 
    ... 
});