Схема такая:
Есть ссылка <a> которая по клику записывает значения своего id в куки с разделителем "-" а именно название, цену и количество. Нужно сделать так, чтоб количество определял пользователь с помощью <input> значения value. То есть цифра из <input value> должна попасть в конец <a id> вместо еденицы (1 штука по умолчанию).
было: product1-price100-1
должно быть: product1-price100-2
Логически получился следующий код, который так и не заработал
Что нужно изменить для успешного выполнения?
HTML:
<div class='add'><a id='product1-price100-1' class='addCart'></a> <input class='addCopies' value='2'></div>
<div class='add'><a id='product2-price100-1' class='addCart'></a> <input class='addCopies' value='2'></div>
jQuery:
$(document).ready(function(){
$('div.add').each( //для каждого блока со стилем .add
var div = $(this);
var a = $(div).('a');
var i = $(div).('input');
var value = $(i).val(); //берём значение input value
var a_id = $(a).attr('id'); //смотрим значение a id
var arr = a_id.split('-'); //парсим a id по дефису
var new_id = arr[0] + arr[1] + "-" + value; //добавляем новое значение
$(a).attr('id',new_id);//заменяем id на новое
);
});