Задать вопрос
@doorway-team
Казань

Как заменить текст в таблице на ссылки со значением текста?

Как с помощью JQuery (желательно), либо JavaScript заменить тексты в ячейках таблицы в первом столбце на ссылки конструкции вида:
<a href="?name=Значение">Значение</a>

Листинг таблицы: https://jsfiddle.net/c1ot5u8h/

Вкратце к примеру, значение "Иванов Иван" должно стать как <a href="?name=Иванов Иван">Иванов Иван</a>, а Сидоров Петр как <a href="?name=Сидоров Петр">Сидоров Петр</a> и т.д.
  • Вопрос задан
  • 150 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
$('table td:nth-child(1)').html((i, html) => {
  return '<a href="?name=' + html + '">' + html + '</a>';
});

или

document.querySelectorAll('tbody tr').forEach(n => {
  const td = n.children[0];
  const text = td.textContent;
  td.innerHTML = `<a href="?name=${text}">${text}</a>`;
});

или

for (const { cells: [ td ] } of document.querySelector('tbody').rows) {
  const a = document.createElement('a');
  a.href = '?name='.concat(td.innerText);
  a.append(...td.childNodes);
  td.append(a);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы