@doorway-team
Казань

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

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

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

Вкратце к примеру, значение "Иванов Иван" должно стать как <a href="?name=Иванов Иван">Иванов Иван</a>, а Сидоров Петр как <a href="?name=Сидоров Петр">Сидоров Петр</a> и т.д.
  • Вопрос задан
  • 134 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
$('table td:nth-child(1)').html((i, html) => `<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: [ n ] } of document.querySelector('tbody').rows) {
  const text = n.innerText;
  n.innerHTML = `<a href="?name=${text}">${text}</a>`;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект