Jquery点击隐藏父元素

Question

如图，父容器中有三个div，如何用jquery实现点击阴影部分隐藏父容器呢？谢谢啦

Answer 1

$('#D').on('click', function(e) {
    var target = e.target
    if(target.id == 'D') {
       $(this).hide()
    }
})

Answer 2

想要点击子元素时父元素不隐藏，可以给子元素添加阻止冒泡啊
$("#D div").click(function(e){

e.stopPropagation

})

Answer 3

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

Answer 4

使用event判断点的是不是阴影部分

Answer 5

一般情况下给子元素阻止冒泡，上面那个说排除的应该也可以把

Answer 6

$('#D').on('click',function(e){if($(e.target)!=$('#D')){$('#D').css('display','none')}})