获取动态更新自身的div的html内容

Question

我有一个功能，用户可以保存应用程序的状态，应用程序包含许多可视元素，我想存储我的工作区div的整个html字符串

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

现在我在做

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

现在x只给我一个我在html文档上写的html代码而不是当用户拖放到操场上时附加的另一个div

任何机构都有更好的自动保存解决方案并恢复到原始状态请告诉我

here is the link to the application

谢谢

Answer 1

试试这个。

var x = document.getElementById("playground").innerHTML;
alert (x);

Answer 2

将类似.droppableThing的类分配给所有droppable，然后使用

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

Answer 3

“playground”在HTML中拼写为“playgraound”。 $("#playground").html()似乎有效。这可能是你的问题吗？