Как изменить значение соседней ячейки
Я наверное туплю, но никак не могу понять как изменить значение соседней ячейки от той, в которой кликнул по кнопке.
Вот 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); } Но она выдает мне только цену из первой строки. |
ivt22,
https://learn.javascript.ru/dom-nodes https://learn.javascript.ru/traversing-dom https://learn.javascript.ru/basic-dom-node-properties :cray: может документацию почитать? <!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> http://javascript.ru/forum/misc/6050...tml#post402521 |
Часовой пояс GMT +3, время: 05:02. |