Всё же я хочу сначала попробовать способ сбора массива в строку, т.к. данных будет немного (максимум 10 товаров, в записанном куки это не превысит и килобайта я думаю).
P.S. это не товары в магазине, а уже выбранные покупателем товары в корзине, поэтому длина строки будет небольшая.
Вот то, из чего я буду собирать в строку:
<div class="item">
<p class="item-array item-name">T-Shirt</p>
<p class="item-array item-size">размер S</p>
<p class="item-array item-color">цвет белый</p>
<p class="item-array item-price">170</p> грн.
<p class="item-array item-copy">4</p> шт.
</div>
<div class="item">
<p class="item-array item-name">Jeans</p>
<p class="item-array item-size">размер XS</p>
<p class="item-array item-color">цвет синий</p>
<p class="item-array item-price">420</p> грн.
<p class="item-array item-copy">2</p> шт.
</div>
и начало моих размышлений:
basketNew = new Array ($('.item-array').text()); // создание массива из элементов класса
// $.cookie("basket", basketNew); // запись в куки
Но массив не получился, т.к. данные просто склеились. Выглядит это вот так:
T-Shirtразмер Sцвет белый1704Jeansразмер XSцвет синий4202
а должно так, где элементы каждого товара разделены двоеточием, а товары разделены точкой с запятой:
T-Shirt:размер S:цвет белый:170:4;Jeans:размер XS:цвет синий:420:2;
То есть нужно создать массив из всех
<div class="item"></div> с разделителем ";",
в каждом из которых будет массив из дочерних
<p class="item-array item-price"></p> с разделителем ":".