В разделе "корзина" добавленные товары выводятся в таблице.
Напротив каждого товара есть поле (input) в котором отображается количество товаров конкретного наименования. Данные изначально принимают значение 1, могут вписываться вручную, а так же увеличиваться (+) либо уменьшаться (-).
<table>
<tr>
<td>
<a class="minus" href="#">-</a>
<input type="text" value="1" />
<a class="plus" href="#">+</a>
</td>
<td>
<a class="minus" href="#">-</a>
<input type="text" value="1" />
<a class="plus" href="#">+</a>
</td>
</tr>
</table>
Я не силен в jquery но смог написать код который работает для всех полей input одновременно.
$(function() {
$('input').each(function() {
$('a.minus').click(function() {
var data = $('input.amount').val();
if(data > 0) {
$('input.amount').val(parseInt(data) - 1);
}
return false
});
$('a.plus').click(function() {
var data = $('input.amount').val();
$('input.amount').val(parseInt(data) + 1);
return false
});
});
});
Мне же нужно чтобы для каждого значения менялись отдельно.
Я пробовал через each, но так и не смог справиться. Раньше делал аналогичные задания, но сейчас почемуто не выходит.
Помогите пожалуйста.