将'data-'属性与其他html内容一起保存

Question

我正在本地存储中保存一个大的HTML内容，以便稍后我可以将它注入主页面。为了使它变小，流程如下所示

说我有以下容器

<div class="demo-container">
     <div class="demo-box" data-save="something">Demonstration Box</div>
</div>

在我的js中，我添加了另一个数据属性并将其保存在某个变量

中

 $('.demo-box').data('new-attr','some more info');
 var saveDiv = $( "div.demo-container" ).html();

saveDiv的内容是

"<div class="demo-box" data-save="something">Demonstration Box</div>"

＆quot; data-new-attr＆＃39;属性消失了。

这种数据是否有任何方式 - ＆＃39;属性可以与保存的HTML内容共存

Answer 1

.data()不是您创建"data-"属性所需的内容，而是attr()：

 $('.demo-box').attr('new-attr','some more info');

  

Working Demo