为什么我的列表不附带Jquery中的列表项目？

Question

在jQuery中，我有一个预先制作的CSS类，但没有CSS格式在这里有点简单的脚本。

http://jsfiddle.net/nSscK/

我希望简单地添加更多的字段到列表中。我将这个列表项存储在taskItem中并记录下来，以确保html是正确的。但是，我的清单上没有任何内容。

谢谢。

Answer 1

你追加前忘了clone的元素。否则，你只需追加相同的元素。

$('#add').click(function(){ 
    var taskItem = $("#tasks ul li:first").clone(); 
    $('#tasks ul').append(taskItem); 
    taskItem.find(':text').val("").focus(); 
    return false; 
}); 

DEMO：http://jsfiddle.net/nSscK/3/

Answer 2

jQuery(function(){ 

    $('#add').click(function(){ 
     var taskItem = $("#tasks ul li:eq(0)").clone(true, true); // need to clone for new add 
     $('#tasks ul').append(taskItem); 
     taskItem.find(':input:text').val(""); 
     return false; 
    }); 
}); 

DEMO

Answer 3

你需要做的克隆。

var taskItem = $("#tasks ul li").clone();