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>

尝试这个并且工作但是将所有选中的项目放入一个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，而不是另一个。{/ p>

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

如何删除input元素并使用jquery将每个clone元素包装到li元素中？

1 个答案: