@doorway-team

Как передать по ссылке значение текста из колонки таблицы?

Как с помощью JQuery (желательно), либо JavaScript взять текст из первой ячейки таблицы в первом столбце и передать по ссылке из последнего столбца?

К примеру есть такой код
<table>
<tbody>
<tr>
<td>Иванов Иван</td>
<td>4</td>
<td><a class="table-link" href="#">Узнать</a></td>
</tr>
<tr>
<td>Сидоров Петр</td>
<td>4</td>
<td><a class="table-link" href="#">Узнать</a></td>
</tr>
<tr>
<td>Карпов Евгений</td>
<td>4</td>
<td><a class="table-link" href="#">Узнать</a></td>
</tr>
</tbody>
</table>
<input class="input">


Как сделать так, чтобы при клике на ссылку например в строке "Иванов Иван", в value input'а ушло значение "Иванов Иван", а если кликнуть на ссылку "Узнать" в строке "Сидоров Петр", то в инпут должно передаться значение "Сидоров Петр".
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F
document.querySelector('table').addEventListener('click', function(e) {
  if (e.target.classList.contains('table-link')) {
    document.querySelector('.input').value = e.target.closest('tr').querySelector('td').textContent;
  }
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы