Javascript 在Jquery中使用.clone（）仅克隆列表中的特定项

我正在尝试仅将列表中的选定项添加到新列表中。例如，我只想将香蕉添加到第二个列表中，函数中的以下代码将coll selected列表中的所有项目添加到coll grouped列表中。我如何仅复制特定项目。任何提示都很好

jQuery：

$("#coll-selected-list li").clone().appendTo("#coll-grouped-list");

标记：

<ul id="coll-selected-list" class="droptrue sort-drop ui-sortable">
      <li class="sorted">apple</li>
      <li class="sorted">pear</li>
      <li class="sorted">banana</li>
      <li class="sorted">grape</li>
      <li class="sorted">guava</li>
</ul>

<ul id="coll-grouped-list">
</ul>

苹果公司
梨
香蕉
葡萄
番石榴

您可以使用选择器：

$("#coll-selected-list li:contains('banana')").clone().appendTo("#coll-grouped-list");

// clone li containing bannana
$('#coll-selected-list li:eq(2)]').clone().appendTo("#coll-grouped-list"); 

请注意，传递给

：contains的字符串区分大小写

下面是一个。
向要克隆的项目添加自定义数据属性和值，然后仅将具有该数据属性和值的项目作为目标

例如

<ul id="coll-selected-list" class="droptrue sort-drop ui-sortable">
      <li class="sorted">apple</li>
      <li class="sorted">pear</li>
      <li class="sorted" data-action="clone">banana</li>
      <li class="sorted">grape</li>
      <li class="sorted">guava</li>
</ul>

<ul id="coll-grouped-list">
</ul>

$('#coll-selected-list li[data-action="clone"]').clone().appendTo("#coll-grouped-list");


苹果公司
梨
香蕉
葡萄
番石榴



$（“#coll selected list li[data action=“clone”]”）.clone（）.appendTo（“#coll grouped list”）；

工作演示：

您可以向要克隆的元素添加类，例如：

<ul id="coll-selected-list" class="droptrue sort-drop ui-sortable">
      <li class="sorted">apple</li>
      <li class="sorted">pear</li>
      <li class="sorted clone">banana</li>
      <li class="sorted">grape</li>
      <li class="sorted">guava</li>
</ul>

<ul id="coll-grouped-list">
</ul>

// get elements with clone class
$('#coll-selected-list li.clone]').clone().appendTo("#coll-grouped-list");

如果你对一个正确的答案感到满意，别忘了标记一个正确的答案