jquery - 双击选择列表到选定列表

Question

我是 jQuery 世界的新手。我有两个 ul 列表。我希望能够双击“选择”一侧并将项目克隆/复制到“选定”列表中。这是我想出来的。

<form>
    <ul id="selection">
    <li><input type="hidden" id="tid" value="1" />Apple</li>
    <li><input type="hidden" id="tid" value="2" />Orange</li>
    <li><input type="hidden" id="tid" value="3" />Pear</li>
    </ul>
    <ul id="selected">
    <li><input type="hidden" id="tid" value="4" />Mango</li>
    </ul>
</form>

以及用于移动项目的 jQuery...

$(function () {
    $("form li").dblclick(function(){
        $('#selected').append($('input[type="hidden"]').clone());
    });
});

Answer 1

试试这个:

$(function () {
    $("form li").dblclick(function(){
        $('#selected').append($(this).clone())
    });
});