Question

我有一个项目列表，它有两个值，一个名称和一个id。每个列表项都是使用从cookie中提取的数据构建的。它还有一个删除按钮，它基本上查看HTML，然后从cookie中删除该项。它不漂亮，但它很有用。

现在突然间，引入了第三个值（img src）。因此，我创建了一个新函数来创建cookie并构建列表。生活还是很美好的。

但是，当我尝试从数组中删除项目时，我的问题就出现了。

JS

$('.deleteNewCookie').on('click', function () {
  var val = $(this).prev().prev().html(); // Search DOM for value

  var cookieStr = cookieData.split('|');
  createCookie('cokLocation', "", -1);
  var newCookie = '';
  $.each(cookieStr, function (index, value) {
     if (value != '') {
        var cookieAdd = value.split(',');
        if (cookieAdd[1] != val) {
           newCookie = newCookie + value + '|';
        }
     }
  });
  createCookie('cokLocation', newCookie, '300');
});

这是cookie中的一个项目的样子：

ID,Name,/image.png|

现在，当标记更简单并且只有ID和名称时，这可以正常工作，但是当我现在单击.deleteNewCookie时，图像仍然保留在cookie中。如何删除该数组（项目）中的所有内容？为什么它显然只删除前两个值？

标记

<li>
  <div class="myLocImg">
    <img src="/image.png">
  </div>
  <div class="myLocInfo">
    <h3>NAME</h3>
    <span url="locationid=ID" class="btn">More details</span>
    <a class="deleteNewCookie">Remove</a>
  </div>
</li>

我有点不愿重构我的饼干（因为它被用于其他地方），但我可能会被说服作为最后的手段。我也没有使用任何插件，我对进口任何插件都不感兴趣。请仅提供简单的JS或jQuery解决方案。：）

Answer 1

Fiddle试图重现问题。代码按预期工作。代码的其他部分导致问题。

问题与“createCookie()以及价值如何存储在HTML本身有关。”

从cookie中删除多个值

1 个答案: