вы просто золото )
я так понимаю - случайные цифры в конце каждого значения, это похоже на id которые нужно присвоить div?
вот исправленный код:
var a = $.cookie("basket");
var Zarr = a.replace(/;\s*$/,'').split(";");
function Buid (Z) {
var str ='',zJ;
var arItem =['name','copy','price','size','color']
for (var i=0; i<Z.length; i++){
str+='<div>\n';
zJ = Z[i].split(":");
for (var j=0; j<zJ.length; j++){
str+='<p class="item-'+arItem[j]+'">'+zJ[j]+'</p>\n';
}str+='</div>\n\n'
} return str;
}
var OutStr = Buid (Zarr);
и результат:
<div>
<p class="item-name">T-Shirt</p>
<p class="item-copy">2</p>
<p class="item-price">170</p>
<p class="item-size">размер XS, </p>
<p class="item-color">цвет белый, </p>
</div>
<div>
<p class="item-name">Shoes</p>
<p class="item-copy">2</p>
<p class="item-price">520</p>
<p class="item-size">размер 38, </p>
<p class="item-color">цвет черный, </p>
</div>
<div>
<p class="item-name">Bag</p>
<p class="item-copy">2</p>
<p class="item-price">375</p>
<p class="item-size"></p>
<p class="item-color">цвет черный, </p>
</div>
<div>
<p class="item-name">Jeans</p>
<p class="item-copy">2</p>
<p class="item-price">430</p>
<p class="item-size">размер XS, </p>
<p class="item-color">цвет черный, </p>
</div>