单击特定元素后隐藏父级：jquery问题

我们正处于项目的最后一步，我们无法摆脱此问题。单击特定元素后隐藏父级：jquery问题

基本上，我们正在处理的页面是用于在视频中创建章节的表单。对于创建的每个章节，验证后会创建一个小的“卡片”。我们希望用户能够通过点击每个章节卡片中显示的X Font-Awesome图标来禁用章节。

想法：点击X后，卡片通过hide（）/消失一个新的类.displayNone并淡出。

所以我们有这样的HTML结构为 “卡”：

  <div class="ch"> 
       <p> 
        <i class="fa fa-times fa-fw chap"></i> Chap. '.$row->num.' 
         <ul> 
          <li id="li" value="'.$row->ID_sequence.'">Titre : '.$row->title.'</li> 
          <li>D&eacute;but : '.$row->tcStart.'s</li> 
          <li>Fin : '.$row->tcEnd.'s</li> 
         </ul> 
       </p> 
      </div>

我们尝试本作的Jquery

$(".chap").click(function() { 
      var VignParent = $(this).parents('.ch'); 
      VignParent.addClass('displayNone'); 
      VignParent.fadeOut(100); 
      });

而且还如此这些

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

无作品，所以我想知道一些互联网上的帮助。我们在这里搜索后尝试了很多东西，当然，这个JS是最后一次尝试... 在此先感谢帮助我们

来源

2014-10-02 Pierre-Edouard Barrault

如果新卡动态创建（使用js/ajax），那么有没有听众附在他们身上。试试这个代码

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

PS：你可能有空标签<i class="fa fa-times fa-fw chap"></i>

来源

2014-10-02 23:18:14 Cheery

它的工作，非常感谢。使用您提供的代码并不是直接的，而是通过插入到清理数据库的功能中，它可以顺利执行。这是我在stackoverflow上的第一个请求...第一个答案，它完成了！再次感谢 – 2014-10-03 03:34:48

单击特定元素后隐藏父级：jquery问题

回答

相关问题