jquery - 为什么我的列表没有在 Jquery 中附加列表项？

Question

在 jQuery 中，我有一个稍微简单的脚本，其中包含预制的 css 类，但这里没有 css 格式。

http://jsfiddle.net/nSscK/

我希望简单地向列表中添加更多字段。我将列表项存储在 taskItem 中并记录它以确保 html 是正确的。但是，我的列表中没有出现任何内容。

谢谢。

Answer 1

您忘记在附加之前克隆元素。否则，您只需附加相同的元素。

$('#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/