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    lt div id  box  gt  lt  div gt    I want to add a div inside the above div using jquery   I tried  following code is inside a function    var e       lt div style  display block  float left width   width  px  height   height  px  margin-top   positionY  px margin-left   positionX  px border 1px dashed  CCCCCC   gt  lt  div gt        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   thank you

User · Answer

Why not go even simpler with either one of these options:

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

Or, if you want to append it to existing content:

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

Note: I put the id="myid" right into the HTML string rather than using separate code to set it.

Both the .html() and .append() jQuery methods can take a string of HTML so there's no need to use a separate step for creating the objects.

User · Answer

var e       lt div style  display block  id  myid  float left width   width  px  height   height  px  margin-top   positionY  px margin-left   positionX  px border 1px dashed  CCCCCC   gt  lt  div gt         box   html e

User · Answer

You re overcomplicating things   var e       lt div style  display block  float left width   width  px  height   height  px  margin-top   positionY  px margin-left   positionX  px border 1px dashed  CCCCCC   gt  lt  div gt     e attr  id    myid        box   append e     For example  http   jsfiddle net ambiguous Dm5J2

User · Answer

It s just the wrong order  var e       lt div style  display block  float left width   width  px  height   height  px  margin-top   positionY  px margin-left   positionX  px border 1px dashed  CCCCCC   gt  lt  div gt         box   append e       e attr  id    myid      Append first and then access set attr

[jquery] jquery append div inside div with id and manipulate

Examples related to jquery

Examples related to html