使用append返回[object]？

Question

我有一些连接来自某些输入框的文本的代码，然后将生成的字符串放入<span>。我有一个“+”按钮，复制<span>并将其追加到<div>结束。

现在我想在<span>的末尾添加一个<br>使每个跨度被放置在一个新的生产线，但是当我做这个按下“+”返回[object][Object]，而不是值！我已经安装了一个js小提琴here。

你会明白我的意思，当你点击“+”。这可能是非常简单的事情，但我不能为了我的生活找出造成这种情况的原因！

非常感谢帮助。

Answer 1

由于使用+运算符用字符串胁迫一切串，导致jQuery对象的字符串表示（通常是[Object object]）。尝试：

$("#five").append(creativeCopy.html() + "<br>"); 

或：

$("#five").append(creativeCopy).append("<br />"); 

Answer 2

我已校正码

$(document).ready(function() { 

    var creativeUniqueId = 1; 
    $(".addCreative").click(function() { 
     var creativeCopy = $("#creative_text").clone(); 
     var creativeCopyId = "creative_text" +creativeUniqueId; 
     creativeCopy.attr("id",creativeCopyId); 
     $("#five").append(creativeCopy); 
     $("#five").append("<br>"); 
     creativeUniqueId++; 
    }); 
}); 

你可以看到在http://jsfiddle.net/aexK8/3/