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

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文件

---

你应该这么写：

<!---<<<<  弹出层消息    >>>>-->
<div class="alret-notice">
    <span class="alret-notice-content">6月2日起，全新的营销平台进行全面升级</span>
    <a class="close-alret-notice" href="#" onclick="$(this).parent().fadeOut(); return false;"><i class="iconfont icon-iconfonticonfontclose"></i></a>
</div>

---

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

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

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