javascript - 如何点击子元素隐藏父元素

问题描述

问 题

Dom

<!---<<<<  弹出层消息    >>>>-->
<div class="alret-notice">
    <span class="alret-notice-content">6月2日起，全新的营销平台进行全面升级</span>
    <a class="close-alret-notice"><i class="iconfont icon-iconfonticonfontclose"></i></a>
</div>

JS

$('.close-alret-notice').click(function(){
    $('.alret-notice').fadeOut();
});

这样子不行?

ps:
打扰大家了，！！加班太久，头晕了，没有引入JS文件

解决方案

为什么不行？是报错了，还是这么？

或者如果我猜的没错的话，换成这样应该就好了：

$(document).on('click', '.close-alret-notice', function(){
    $('.alret-notice').fadeOut();
});

这篇关于javascript - 如何点击子元素隐藏父元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！