向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 + "' />");
   }
});