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/

Answer 2

使用jquery和下面的脚本可以实现所需的结果

<script>
$(document).mouseup(function (e)
{
var  child = $("#child");
if (! child.is(e.target)&&  childr.has(e.target).length === 0)
{
    child.hide();
}
});
</script>

Answer 3

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

或者

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

点击它时隐藏父div，但不是它的子div

3 个答案: