双击选择列表到选定列表

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

Answer 2

你几乎就在那里，但你需要追加整个li：

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

请参阅此jsFiddle demo

Answer 3

你应该写

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