选择列表双击选中列表

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 demo

Answer 3

你应该写

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