選擇列表雙擊選中列表

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