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 · Accepted 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

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

Why not go even simpler with either one of these options       box   html   lt 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   gt  lt  div gt       Or  if you want to append it to existing content       box   append   lt 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   gt  lt  div gt       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

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

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

Examples related to jquery

Examples related to html