Как предотвратить событие контейнера триггера при запуске события детей в 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 как показать что-то информацию о контейнере. Но моя проблема в том, когда я нажимаю 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();
    ...
});