保存div并包含内部元素并向所有人显示

Question

我有一个jQuery，它使div带有单击按钮时的内部元素。我希望将div保存在表格中，并显示给该页面的所有人。

我阅读了这个问题Saving appended elements to database。现在我有两个问题：

1. 在该答案中，仅显示一个元素（<li>）。如何保存div中附加的其他元素？ 在下面的编辑中和有问题的答案中答复
2. 我将如何加载并在页面加载时添加保存的div？我想制作PHP代码，用列中的那些元素搜索所有行，并在页面加载时echo他们>

Full JSFiddle Example

我要保存的分区：

var div = document.createElement("DIV");
var p = document.createElement("P");
var line = document.createElement("HR");
var text = document.createElement("P");
div.className = 'container';
p.className = 'date';
p.id = 'demo';
line.className = 'line1';
text.id = "text";
text.className = "feedback-container-text";
document.body.appendChild(div);
div.appendChild(p);
div.appendChild(line);
div.appendChild(text);
document.getElementById("text").innerHTML = "some text";
var d = new Date();
d.getDay();
document.getElementById("demo").innerHTML = d;
.container {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
  width: 300px;
  height: 220px;
  float: left;
  margin-left: 60px;
  position: relative;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.13), 0 14px 30px 0 rgba(0, 0, 0, 0.09);
}

.container:hover {
  width: 300px;
  height: 225px;
  margin-top: -5px;
  transition-duration: 0.2s;
}

我有一个jQuery，使div在单击按钮时具有内部元素。我希望将该div保存在表中，并显示给转到该页面的任何人。我读过这个问题，另存为...

Answer 1

采用封闭的innerHTML标签的<div>属性