使用append返回[object]?

时间:2012-05-11 10:49:40

标签: jquery html input

我有一些代码连接来自某些输入框的文本,然后将生成的字符串放入<span>。我有一个'+'按钮可以复制<span>并将其附加到<div>的末尾。

现在我想在<br>的末尾添加<span>,以便每个范围都放在一个新行上,但是当我这样做时按“+”会返回[object][Object]而不是价值观!我设置了一个js小提琴here

点击“+”后,您会看到我的意思。这可能是非常简单的事情,但我不能为我的生活找出导致这种情况的原因!

非常感谢帮助。

2 个答案:

答案 0 :(得分:3)

因为使用带有字符串的+运算符会将所有内容强制转换为字符串,从而导致jQuery对象的字符串表示形式(通常为[Object object])。尝试:

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

或:

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

答案 1 :(得分:0)

我已经更正了代码

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

看到