向cookie jQuery添加多个值

时间:2013-06-22 10:42:02

标签: jquery cookies

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

我就是这样做的

1 个答案:

答案 0 :(得分:2)

$(".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 + "' />");
   }
});