Question

I’ve one functionality where user can save the state of Application, application consist of many visual element for this i think of storing whole html string of my workspace div

 <div id = "workspace">
 <div id = "playground">
   here is my all div where user drag n drop the component from left hand side 
 </div></div>

now i am doing

    var x = $("#playground").html() // to get all html content inside the playground div
alert(x)

now x is giving me only html code that i have written on html document not the other div that was append when user drag n drop to the playground

any body have any better solution for the auto-saving and regaining to original state please let me know

here is the link to the application

thank you

Answer 1

Assign a class like .droppableThing, to all droppables then use

$("#playground").child('.droppableThing')