Ячейка таблицы в виде ссылки
<tbody class="addresses monospace"> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> </tbody> Нужно, чтобы вторая ячейка <td> </td> в каждой создаваемой строке была представлена в виде ссылки. Т.е ссылка должна быть прибавлена к уже имеющимся значениям ячеек. (значение второй ячейки в каждой строке будет разное) Примерно так: Код: <tr><td> </td><td><a href="https://site.ru/search=cololor1">cololor1</a></td><td> </td><td> </td></tr> <tr><td> </td><td><a href="https://site.ru/search=cololor2">cololor2</a></td><td> </td><td> </td></tr> <tr><td> </td><td><a href="https://site.ru/search=cololor3">cololor3</a></td><td> </td><td> </td></tr> |
Цитата:
<table border='1'>
<tbody class="addresses monospace">
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td><td> </td></tr>
</tbody>
</table>
<script>
const s = '.addresses.monospace > tr > td:nth-child(2)'
const f = (o, i) => {
const v = `<a href="https://site.ru/search=cololor${i}">cololor${i}</a>`
o.insertAdjacentHTML('beforeend', v)
}
document.querySelectorAll(s).forEach(f)
</script>
|
Просто вместо cololor могут быть совсем разные значения.
Можно ли как-то сделать, чтобы скрипт добавлял ссылку в ячейку без привязке к конкретному значению? |
Цитата:
Но я ведь не знаю что в итоге тебе нужно... :D |
Я вот с этим файлом работаю
https://github.com/iancoleman/bip39/...tandalone.html Нужно, чтоб эти адреса (отмечены красным) при клике на них сразу на блокчейн переводили... Что-то вроде этого https://www.blockchain.com/explorer/addresses/btc/ + адрес |
Как-то так?
<table border='1'>
<tbody class="addresses monospace">
<tr><td> </td><td>js</td><td> </td><td> </td></tr>
<tr><td> </td><td>learn js</td><td> </td><td> </td></tr>
<tr><td> </td><td>react</td><td> </td><td> </td></tr>
<tr><td> </td><td>vue</td><td> </td><td> </td></tr>
<tr><td> </td><td>angular</td><td> </td><td> </td></tr>
</tbody>
</table>
<script>
const BASE_URL = 'https://google.com/search?q='
document.addEventListener('click', e => {
const target = e.target?.closest('.addresses.monospace > tr > td:nth-child(2)');
if (target) {
window.open(BASE_URL + target.textContent, '_blank');
}
});
</script>
|
То что надо) вы лучший :thanks:
|
| Часовой пояс GMT +3, время: 01:02. |