Appending HTML Dynamically with Jquery returns [Object object]

Question

I am trying to define some basic HTML:

<ul id="menu" style="display:none">
    <li><a class="actions" href="1">1</a></li>
    <li><a class="actions" href="2">2</a></li>
    <li><a class="actions" href="3">3</a></li>
</ul>

And append it dynamically using jquery like so:

$('#container').append($('#menu')).show()

However all that's returned is the physical Object:

<div id="container">[object Object]</div>

Can my menu div be appended in this fashion?

UPDATE: Revised where the show() is placed, but outcome remains the same

If you can, post your actual code (pastebin.org if needed) so that I can see what's going on, but it seems weird. — Ted
– Ted, Commented Jul 13, 2015 at 19:08
Make sure to have your js code after the html, or use $(document).ready() — MazzCris
– MazzCris, Commented Jul 13, 2015 at 19:11

Organiccat · Accepted Answer · 2015-07-13 18:52:35Z

1

While this might work, I would probably run .show() AFTER you append the items to the page. The .append does not expect a function, it's just expecting a DOM element, which may be the cause of your problems.

answered Jul 13, 2015 at 18:52

Organiccat

5,65918 gold badges62 silver badges107 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:26:45Z

1

This works for me (tried with jQuery 1.6 -> 2.1.3) Did you use a simplified code example in your question? I suspect you are using a string concatenation somewhere like in this thread: Jquery returns [object object] when trying to manipulate dom

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Jul 13, 2015 at 18:56

Gábor Nagy

1893 silver badges12 bronze badges

2 Comments

Clay Banks Over a year ago

Yes I did include a simplified code sample. I'll update my question

Gábor Nagy Over a year ago

Still cannot reproduce (it appends content but the content does not get shown, so output is empty). You should try to create a JsFiddle where you reproduce your issue consistently, then share it here so we can help you.

MazzCris · Accepted Answer · 2015-07-13 19:07:50Z

0

This way it should work:

$('#container').append( $('#menu').show() );

edited Jul 13, 2015 at 19:07

answered Jul 13, 2015 at 19:02

MazzCris

1,8301 gold badge14 silver badges21 bronze badges

Collectives™ on Stack Overflow

Appending HTML Dynamically with Jquery returns [Object object]

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related