jquery - 单击时隐藏父 div，但不隐藏其子 div

Question

我有这样的东西:

<div id="parent">
  <div id="child">
    some content
  </div>
</div>

我想在点击父div时隐藏它，但在点击子div时则不想隐藏

我有这样的东西:

$('#parent').click(function(){
  $('this').hide();
});

有什么想法吗？ 也许这是一个愚蠢的问题，但我不知道该怎么做，如果有人知道我会很感激

Answer 1

添加此:

$('#parent').click(function(){
$('this').hide();
});

$("#child").click(function(e) {
    e.stopPropagation();
});

您可以查看http://jsfiddle.net/lnanikian/f3qar/