jQuery - Appending a div to body, the body is the object?

jquery html append
waxical picture waxical · Feb 2, 2012 · Viewed 99.1k times · Source

When I'm adding a div to body, it's returning the body as the object and then whenever I use that - it's obviously using body. Bad.

Code:-

var holdyDiv = $('body').append('div');
$(holdyDiv).attr('id', 'holdy');

The 'id' of holdy is now being added to body... eh? What am I doing wrong.

Answer

Didier Ghys picture Didier Ghys · Feb 2, 2012

jQuery methods returns the set they were applied on.

Use .appendTo:

var $div = $('<div />').appendTo('body');
$div.attr('id', 'holdy');

Related questions

Creating a div element in jQuery

How do I create a div element in jQuery?

Read More
How can I add an element after another element?

I have a certain textbox and I want to add a div after it. I've tried the .append() function, but that only adds the div in the element. For example, I have: <input type="text" id="bla" /> and …

Read More
jQuery append text

I want to append some simple data in a div like: $('#msg').append('Some text'); In the body, i think i will need to place the the html like. <div id="test"> <div id="msg">&…

Read More