我可以将 jQuery DOM 克隆存储在本地存储中以供以后使用吗？

Question

我想存储一个代表 DOM 元素的 jQuery 对象，以供以后使用。我已经有了这些方法来执行对象和文本的存储和检索，与 localStorage 往来：

 var Data = {
  set: function(key, value, session) {
    if (!key) {return;}

    if (typeof value === "object") {
      value = JSON.stringify(value);
    }
    if(session){
        sessionStorage.setItem(key, value);
    }else{
        localStorage.setItem(key, value);
    }
  },
  get: function(key, session) {
    if(session){
        var value = sessionStorage.getItem(key);
    }else{
        var value = localStorage.getItem(key);
    }

    if (!value) {return;}

    // assume it is an object that has been stringified
    if (value[0] === "{" || value[0] === "[") {
      value = JSON.parse(value);
    }

    return value;
  }
}

谢天谢地，它基于 Stack Overflow 源代码，适用于字符串以外的简单对象。

我正在考虑这样做：

$clone = $('#myform').clone(true);
Data.set('clonedata', $clone);

然后，很久以后，在别处：

$retrieved = Data.get('clonedata');

问题是，在这种情况下它似乎不起作用。 jQuery对象不能以这种方式序列化和反序列化有根本原因吗？

这有什么用？一种情况是在用户填写长表单时在 localStorage 中持久化（自动保存）表单数据。然后可以在网络中断或无意的浏览器导航或关闭之后提供信息。

Answer 1

您可以使用garlic.js 进行本地持久化。希望这个链接能帮到你。使用简单，只需包含js文件并添加data-persist="garlic"作为表单属性。即使你的机器断电，它也可以保存你的表单数据。你可以从这里下载js文件。

http://garlicjs.org/