使用保存在 cookie 中的 DOM 元素答案

【问题标题】：Using a DOM element that was saved in a cookie使用保存在 cookie 中的 DOM 元素
【发布时间】：2011-09-22 22:25:09
【问题描述】：

我希望我能弄清楚这个问题。

我正在使用 JavaScript cookie 来保存数据，以便在我网站的不同页面上重复使用该数据。（第一次使用cookies）

我正在使用标准的 JS 函数来处理 cookie。

首先我这样做：
createCookie(cookieName1, element, 7);

element 是一个 html DOM 元素。这很好用，但是当我这样做时

var result = readCookie(cookieName1);

结果变量如下所示：[object Object]。

现在我需要获取该元素（或其他任何东西）的父元素，使用 jQuery 我将执行以下操作：

$(result).parent();

但我收到此错误：
未捕获的语法错误，无法识别的表达式：[object Object]

谁能帮我解决这个问题？如何解决这个问题？

谢谢。

【问题讨论】：

迟早你会达到你的cookie限制，你的应用程序将无法播放。在 cookie 上使用非常少量的数据，然后将它们与服务器上读取的数据连接到数据库中。加载大 cookie 也需要很长时间，因为即使加载图像也会再次读取 cookie。
另外我不认为你可以通过这种方式在 cookie 中实际保存一个 dom 元素，也许你只保存一个即使在页面重新定位上也不起作用的引用。

标签： javascript jquery dom object cookies

【解决方案1】：

您得到“[object Object]”的原因是 DOM 元素被 toStringed 存储在 cookie 中。您只能将字符串存储在 cookie 中。因此，您不能将实时 DOM 元素存储在 cookie 中。那怎么行？您也许可以存储 HTML 表示，但在您的情况下，您正在尝试访问其父级。您是否会让浏览器将文档的整个状态存储在 cookie 中？

在 cookie 中存储元素是行不通的。想出另一种方法来做任何你想做的事情。

【讨论】：