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>

これを試して動作しますが、チェックされたすべての項目を 1 つの Li (リスト) に入れます

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");
}