为什么我的列表没有附加到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();