Using append returns [object]?

Question

I have a bit of code that concatenates text from some input boxes and the resulting string is then put into a <span>. I've got a '+' button which copies the <span> and appends it to the end of a <div>.

Now I want to add a <br> at the end of the <span> so that each span is placed on a new line but when I do this pressing the "+" returns [object][Object] as opposed to the values! I've setup a js fiddle here.

You will see what I mean when you click '+'. It's probably something very simple but I can't for the life of me find out what is causing this!

Help is much appreciated.

karim79 · Accepted Answer · 2012-05-11 10:52:00Z

3

Because using the + operator with a string coerces everything to string, resulting in the string representation of the jQuery object (which is usually [Object object]). Try:

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

or:

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

answered May 11, 2012 at 10:52

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Imdad · Accepted Answer · 2012-05-11 10:57:20Z

0

I have corrected the code

$(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++;
    }); 
});

You can see at http://jsfiddle.net/aexK8/3/

answered May 11, 2012 at 10:57

Imdad

6,0424 gold badges37 silver badges53 bronze badges

Collectives™ on Stack Overflow

Using append returns [object]?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related