jquery - 为什么我的列表没有在 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;
});

演示：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;
    });
});

演示

Answer 3

你需要克隆它。

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