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

Question

我是 jQuery 世界的新手。我有两个 ul 列表。我希望能够双击 Select 侧并将项目克隆/复制到 Selected 列表中。这就是我想出的。

<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 演示

Answer 3

你应该写

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