Javascript 单击特定元素后隐藏父元素：Jquery

我们正处于项目的最后一步，无法解决这个问题

基本上，我们正在处理的页面是在视频中创建章节的表单。对于创建的每个章节，在验证后创建一个小“卡片”。我们想让用户通过点击每个章节卡中显示的X字体的超级图标来压制章节

想法是：单击X后，卡会通过hide（）/获取一个新类消失。displayNone和淡出

因此，我们有了“卡片”的HTML结构：

还有这个

$("i").click(function () {
        $( ".ch" ).hide( "slow");
      });

这些都不管用，所以我想在网上得到一些帮助。我们在这里搜索后尝试了很多东西，当然，这个JS是最后的尝试。。。

---

提前感谢您的帮助

如果新卡是动态创建的（使用js/ajax），那么它们就没有侦听器。试试这个代码

$(document).on('click', '.chap', function () {
   $( this ).parents('.ch')
            .addClass('displayNone')
            .fadeOut( 100 );
});

---

ps：而且你可能有空标签

，它起作用了，非常感谢。使用您提供的代码并不是直接的，而是通过插入用于清理数据库的函数，它可以顺利地执行。这是我关于stackoverflow的第一个请求。。。第一个答案，就完成了！再次感谢

$("i").click(function () {
        $( ".ch" ).hide( "slow");
      });

$(document).on('click', '.chap', function () {
   $( this ).parents('.ch')
            .addClass('displayNone')
            .fadeOut( 100 );
});