Jquery点击隐藏父元素

lilisong0523
  • 279

如图,父容器中有三个div,如何用jquery实现点击阴影部分隐藏父容器呢?谢谢啦
图片描述

回复
阅读 6.2k
6 个回答
fashen007
  • 4.7k
$('#D').on('click', function(e) {
    var target = e.target
    if(target.id == 'D') {
       $(this).hide()
    }
})
crp205
  • 3.9k

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

e.stopPropagation

})

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

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

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

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

宣传栏