jquery - 如何使用 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");
}