javascript - 将div内容保存在cookie中

Question

首先，在我的网站中，DIV 是动态添加的，具有唯一的 ID(如 div0、div1、div2...)。用户可以添加或删除这些 DIV:添加时，数组会存储 DIV 唯一 ID；删除时，同一数组删除 DIV id。所有这些 DIV 都有很多输入字段，我想存储这些内容(即使它是空白的)。我搜索了解决方案，发现了类似的内容:

var numCookies=0;
function setCookie(){
    var name;
    for(var i=0; i<arrayDivs.length; i++){//ArrayDivs is the array with the DIV id's.
          name='cookie'+numCookies;
          $.cookie(name, $('#'+arrayDivs[i]).html(),{expires:10});                 
          numCookies++;                                                         
    }
} 

当我尝试“显示”(警报)时 - 例如 - 'cookie0'，警报为“空”。

name='cookie0';
alert(name);
var myCookie=($.cookie(name));
alert(myCookie); //here the alert is 'null'

至少创建了 1 个 div，因此“arrayDivs”不为空，并且创建了“cookie0”。显然我做错了什么(非常错误哈哈)。如何将 DIV(及其所有内容)存储在 cookie 中？如果这个实现不是完全错误的，我该如何修复它？提前致谢。

Answer 1

可以通过迭代获取cookie

var nameEQ = 'cookie0' ;
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) 
             result=c.substring(nameEQ.length,c.length);//this will be the cookie0 :)
}