jquery - 向 cookie jQuery 添加多个值

Question

<img src="http://website1.com/img.jpg" class="image" />
<img src="http://website1.com/img2.jpg" class="image" />
<img src="http://website1.com/img3.jpg" class="image" />
<img src="http://website1.com/img4.jpg" class="image" />

这就是我的源代码的样子。我需要将 src 值添加到同一个 cookie 中。我的朋友告诉我你可以用逗号分隔它，但我不确定如何用我的代码做到这一点。

$(".image").click(function(){
    $.cookie("images", $(this).attr('src'), {expires: 9999999999});
}

那个有效，但它会覆盖当前的 cookie，这意味着我只能在 cookie 中同时有 1 个图像。

编辑：我不妨告诉你我需要它做什么。我需要从图像中提取值，并将它们放入 img-tags 中。

.append('<img src=' + $.cookie("images") + ' />')

我就是这样做的

Answer 1

$(".image").click(function(){
    $.cookie("images",$.cookie("images") + ","+ $(this).attr('src'), {expires: 9999999999});
}

当你想追加时，这样做：

var imgSrc = $.cookie("images").split(",");

for (var i=0;i<imgSrc.length;i++){
   if (imgSrc[i]!=""){
      .append("<img src='" + imgSrc[i] + "' />");
   }
}

或者

$.each($.cookie("images").split(","), function(index, value) {
   if (value !=""){
      .append("<img src='" + value + "' />");
   }
});