Форум

yakim · #1 (**permalink**) 04.04.2016, 17:10

Не удается получить значение элемента таблицы при клике на соседнюю ячейку.
Таблица выведена на страницу через ajax запрос к серверу. К ячейке привязана функция на клик:
<td id="td_name" onclick="click_td_name()">ООО "Вега"</td>

Функция:

function click_td_name() {
var id = this.parent().children().filter('#td_id').val();
alert(id);
};

Ошибка:

this.parent is not a function

Вижу что объект Window, но я вызвал из td.

Как правильно обратиться к объекту чтобы получить td, ну а потом через родителя выйти на другую ячейку?

рони · #2 (**permalink**) 04.04.2016, 17:35

yakim,
$(this)

Dilettante_Pro · #3 (**permalink**) 06.04.2016, 10:52

yakim,

<table>
<tr>
<td id="td_name" onclick="click_td_name(this);">ООО "Вега"</td>
<td style="display:none">Some Value in next cell</td>
</tr>
</table>
<script>
function click_td_name(elem) {
   var id = elem.id;
   alert(id);
   var valnext = elem.nextElementSibling.innerText;
   alert(valnext); 
};
</script>

yakim · #4 (**permalink**) 07.04.2016, 13:12

, работает, но не понятно почему нельзя обратиться на прямую

Dilettante_Pro · #5 (**permalink**) 07.04.2016, 13:52

Сообщение от yakim

, работает, но не понятно почему нельзя обратиться на прямую

Что значит - напрямую?
Вы же сами хотите - значение элемента таблицы при клике на соседнюю ячейку

var valnext = elem.nextElementSibling.innerText;

- это очень криво?

Dilettante_Pro · #6 (**permalink**) 07.04.2016, 14:06

Аналогичное решение на jQuery

<!DOCTYPE html >
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
    $(window).ready(function () {
        $('#td_name').on('click', function () {
            alert($(this).next().text());
        });
    });
</script>
</head>
<body>
   <table>
      <tr>
         <td id="td_name" >ООО "Вега"</td>
         <td style="display:none">Some Value in next cell</td>
      </tr>
   </table>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript