Javascript/jQuery为下一页选择安全项

我有个问题，找不到办法。。。 我在每个网站上有30个项目

用户可以选择一个、两个或多个（或全部）并转到下一页，选择下一个（最多30个）并转到下一页，如果需要，必须选择更多

当他在下一页时，我如何将我拥有的类为“active”的项目保存在cookie或其他东西中

在他完成后，我有一个按钮，我必须读出所有选定的项目

这是项目的外观（我的HTML）

它用活动类保存每个，但问题是，当我转到下一个站点时，他会删除第一个站点上选择的所有内容，并用当前站点中的每个选定（活动）项覆盖

Cookie看起来像

123451234561234567

没关系，但当我转到第2页并开始选择/激活下一个项目，然后覆盖我的旧项目时

---

而且，当他取消选择某个项目时，必须从数组/cookie中删除此itemid。请尝试类似的操作以开始

// Save Local Data
var items = [];
$('#items .active').each(function(i, obj) {
    items.push($(this).data('itemid'));
});
localStorage.setItem("active_items",  JSON.stringify(items));

// retrieve data
var localData = localStorage.getItem("items");
if (localData){
    items = JSON.parse(localData);
} 

---

您可以在chrome inspector应用程序选项卡的“存储>本地存储”下查看本地保存的数据，最好使用

localStorage

进行类似操作，因为这些信息只有客户端需要，而不是服务器需要。对我来说，看起来您总是在每页

items=[]

上都有一个干净的数组。您应该首先检索以前存储的值（从cookie或存储器中），并将它们放入

项中

什么是“当我转到下一个站点”的意思？当用户单击下一页时发生了什么？当前如何在单击时激活项目？每个页面加载30个项目。下一页从偏移量30开始，超过下一页的30个项目，并且。。。每个项目都有唯一的itemid，因此在第二页上，除了第一页上的ID外，其他ID都是唯一的

var items = [];
$('#items .active').each(function(i, obj) {
     items.push($(this).data('itemid'));
});
app.setcookie('itemselected', JSON.stringify(items));

// Save Local Data
var items = [];
$('#items .active').each(function(i, obj) {
    items.push($(this).data('itemid'));
});
localStorage.setItem("active_items",  JSON.stringify(items));

// retrieve data
var localData = localStorage.getItem("items");
if (localData){
    items = JSON.parse(localData);
}