Показать сообщение отдельно
  #1 (permalink)  
Старый 16.07.2011, 14:27
Аватар для spo
spo spo вне форума
Профессор
Отправить личное сообщение для spo Посмотреть профиль Найти все сообщения от spo
 
Регистрация: 11.05.2011
Сообщений: 213

Увеличить / уменьшить значение value у input
В разделе "корзина" добавленные товары выводятся в таблице.
Напротив каждого товара есть поле (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, но так и не смог справиться. Раньше делал аналогичные задания, но сейчас почемуто не выходит.

Помогите пожалуйста.
Ответить с цитированием