jQuery append div inside div with id and manipulate

Question

after 2 hours of searching I decided to ask my question.

I have a div:

<div id="box"></div> 

I want to add a div inside the above div using jQuery.

I tried (following code is inside a function):

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); $('div', e).attr('id', 'myid'); $("#box").append(e); 

But accessing $("#myid") is not working.

Any idea on how to add a div inside a div and be able to manipulate them?

Answer 1

It's just the wrong order

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); $('#box').append(e);     e.attr('id', 'myid'); 

Append first and then access/set attr.