如何刪除克隆元素

Question

與jQuery，我試圖做類似本網站所使用的過濾系統的功能（example）

如果單擊過濾元件之一，它會顯示在另一個區域。您可以通過單擊來刪除選定的過濾器。

我的代碼工作的克隆濾芯，而在另一個區域中顯示，但 我有移除故障。

我做的研究小時，但找不到任何解決方案，使您的幫助將不勝感激！

這裏是我的代碼

--- HTML ---

<div id="filter-selected> 
     <ul> 
      <!--selected element comes here --> 
     </ul> 
    </div> 

    <div id="filter-options"> 
     <ul> 
      <li> 
       <!--clicking this list will clone itself to the above area--> 
       <span>Value1</span> 
      </li> 
      <li> 
       <!--clicking this list will clone itself to the above area--> 
       <span>Value2</span> 
      </li> 
     </ul> 
    </div> 

--- jQuery的---

$('#filter-options > ul > li').click(function(event){ 
    var $filter = $(this).children('span').clone(); 

    $filter.appendTo('#filter-selected > ul').wrap('<li class="filtering"></li>'); 
}); 

$(.filtering').click(function(){ 
    $(this).remove(); 
}); 

Answer 1

由於是動態創建的元素，你需要事件代表團

$('#filter-selected').on('click', '.filtering', function(){ 
    $(this).remove(); 
}); 

Answer 2

您缺少s請在.filtering的左側'報價，這可能是一個問題。

$(.filtering').click(function(){