如何删除输入元素并使用jquery将每个克隆元素包装为li元素？

Question

使用下面的HTML内容，

<div class="a_list"><iniput type="checkbox"><input/><p>Test Results from A column</p></div> 
<div class="a_list"><iniput type="checkbox"><input/><p>Test Results from B column</p></div> 
<div class="a_list"><iniput type="checkbox"><input/><p>Test Results from C column</p></div> 
<di class="a_list"><iniput type="checkbox"><input/><p>Test Results from D column</p></div> 

试试这个，工作，但把所有的检查项目为一体李（名单）

if($(".a_list input:checked").length) 
{ 
    $(this).parent().clone().appendTo("#filterList ul").wrap("<li />"); 
} else { 
    alert("Please make a selection"); 
} 

我想下面的输出

<ul id="#filterList"> 
    <li><p>Test Results from A column</p></li> 
    <li><p>Test Results from B column</p></li> 
    <li><p>Test Results from C column</p></li> 
    <li><p>Test Results from D column</p></li> 
</ul> 

Answer 1

下面应该抓住每个和appendTo独立于另一个。

if($(".a_list input:checked").length) 
{ 
    $(".a_list input:checked").each(function(){ 
    $(this).clone().appendTo("#filterList").wrap("<li\>"); 
    }); 
} else { 
    alert("Please make a selection"); 
}