Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.01.2016, 15:25
Интересующийся
Отправить личное сообщение для ivt22 Посмотреть профиль Найти все сообщения от ivt22
 
Регистрация: 03.01.2016
Сообщений: 12

Как изменить значение соседней ячейки
Я наверное туплю, но никак не могу понять как изменить значение соседней ячейки от той, в которой кликнул по кнопке.
Вот HTML
<table id="result_table" border="1">
	<thead>
		<tr>
			<th>Номер по каталогу</th>
			<th>Наименование</th>
			<th>Цена</th>
			<th>Количесвто</th>					
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>236-1002012-А</td>
			<td>Блок цилиндров</td>
			<td>345 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp0');">-</span>
					<input type="text" value="1" id="inp0">
					<span class="plus" onclick="increm('inp0'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>23-1005159</td>
			<td>Болт</td>
			<td>2500 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp1');">-</span>
					<input type="text" value="1" id="inp1">
					<span class="plus" onclick="increm('inp1'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1002265-А</td>
			<td>Прокладка левая</td>
			<td>4000 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp2');">-</span>
					<input type="text" value="1" id="inp2">
					<span class="plus" onclick="increm('inp2'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1004355181</td>
			<td>Шайба</td>
			<td>1435 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp3');">-</span>
					<input type="text" value="1" id="inp3">
					<span class="plus" onclick="increm('inp3'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1005178</td>
			<td>Болт стяжной</td>
			<td>567 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp4');">-</span>
					<input type="text" value="1" id="inp4">
					<span class="plus" onclick="increm('inp4'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
	</tbody>
</table>


Как можно догадаться в <span> находится + и - , которые увеличивают количество штук товара, соответственно мне нужно прочитать значение цены в соседней ячейке и приплюсовать к общей сумме заказа.

Вот пишу функцию
function sum_price(element_table)
{
	var tttbody = d.getElementById('result_table').getElementsByTagName('td')[2].innerHTML;
	var message = tttbody;
	alert(message);
}

Но она выдает мне только цену из первой строки.
Ответить с цитированием
  #2 (permalink)  
Старый 04.01.2016, 16:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,548

ivt22,
https://learn.javascript.ru/dom-nodes
https://learn.javascript.ru/traversing-dom
https://learn.javascript.ru/basic-dom-node-properties
может документацию почитать?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<table id="result_table" border="1">
	<thead>
		<tr>
			<th>Номер по каталогу</th>
			<th>Наименование</th>
			<th>Цена</th>
			<th>Количесвто</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>236-1002012-А</td>
			<td>Блок цилиндров</td>
			<td>345 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp0');">-</span>
					<input type="text" value="1" id="inp0">
					<span class="plus" onclick="increm('inp0'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>23-1005159</td>
			<td>Болт</td>
			<td>2500 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp1');">-</span>
					<input type="text" value="1" id="inp1">
					<span class="plus" onclick="increm('inp1'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1002265-А</td>
			<td>Прокладка левая</td>
			<td>4000 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp2');">-</span>
					<input type="text" value="1" id="inp2">
					<span class="plus" onclick="increm('inp2'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1004355181</td>
			<td>Шайба</td>
			<td>1435 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp3');">-</span>
					<input type="text" value="1" id="inp3">
					<span class="plus" onclick="increm('inp3'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>236-1005178</td>
			<td>Болт стяжной</td>
			<td>567 р.</td>
			<td>
				<div class="number">
					<span class="minus" onclick="decrem('inp4');">-</span>
					<input type="text" value="1" id="inp4">
					<span class="plus" onclick="increm('inp4'); sum_price(this)">+</span>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<script>   function increm()
{

}
function sum_price(element_table)
{
	var tttbody = element_table.parentNode.parentNode.parentNode.getElementsByTagName('td')[2].innerHTML;//исключительно для примера, а как надо смотрите последнюю ссылку
	var message = tttbody;
	alert(message);
}

</script>
</body>

</html>

Оптимизировать инпут-счетчик
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить цвет и размер шрифта в Java savas332 Серверные языки и технологии 3 09.01.2014 16:02
Как передать значение переменной? maksbp22 Общие вопросы Javascript 0 11.10.2013 16:21
Выводить значение раньше переменных Гробовщик Общие вопросы Javascript 11 10.09.2013 08:42
Как в IE динамически установить значение события onClick? Гость Элементы интерфейса 6 16.01.2011 23:46
Переменная от переменной или как к имени переменной конкатенировать значение другой Aderba jQuery 5 12.11.2008 15:25