[mi.rafaylik]

по этому коду (второй не подходит, так как переменные будут разные, т.к. вводяться пользователем):

var a = $.cookie("basket");
var Zarr = a.replace(/;\s*$/,'').split(";");
function Buid (Z) {
  var str ='<div>\n',zJ;
  var arItem =['name','copy','price','size','color']       
    for (var i=0; i<Z.length; i++){
         zJ = Z[i].split(":");

           for (var j=0; j<zJ.length; j++){
               str+='<p class="item-'+zJ[j]+'</p>\n';
           }str+='</div>\n\n'
     } return str;
}
var OutStr = Buid (Zarr);

такой результат:

<div>
<p class="item-T-Shirt</p>
<p class="item-2</p>
<p class="item-170</p>
<p class="item-размер XS, </p>
<p class="item-цвет белый, </p>
</div>

<p class="item-Shoes</p>
<p class="item-2</p>
<p class="item-520</p>
<p class="item-размер 38, </p>
<p class="item-цвет черный, </p>
</div>

<p class="item-Bag</p>
<p class="item-2</p>
<p class="item-375</p>
<p class="item-</p>
<p class="item-цвет черный, </p>
</div>

<p class="item-Jeans</p>
<p class="item-2</p>
<p class="item-430</p>
<p class="item-размер XS, </p>
<p class="item-цвет черный, </p>
</div>

почему-то полностью обернут только первый div, а p не получили своих class, а тэг незакрытый я исправлю, не проблема