單擊特定元素後隱藏父級：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問題

回答

相關問題