Всем привет. Есть текстовый файл:
AAA-1
BBB-2
CCC-3
Как преобразовать средствами JS или JQUERY текстовые строки в ссылки и сделать вывод в таблицу?
Через notepad++ делаю так:
<a href="URL">
</a>
А идея загрузить файл через HTML5 - и сделать вывод ссылок в таблицу.
let str = "AAA-1 \n BBB-2 \n CCC-3 \n DDDDDDD-4"; // Переносы строки, \n
let links = document.getElementById('links');
str = str.replace(/\s+($)/gm,"$1").replace(/(^)\s+/gm,"$1") // Удаляем пробелы вначале и в конце
.replace(/^(.+)$/gm, `<tr><td><a href="$1">$1</a></td></tr>`);
links.innerHTML = str;
console.log( str );
#links { border-collapse: collapse; }
#links td {
background-color: #923;
border: 1px solid #500;
padding: 4px 15px;
text-align: left;
}
#links td a { color: white; }
<table id="links"></table>
вариант с jquery без регулярок (непонятно зачем нужным тут вообще)
var txt = "AAA-1\nBBB-2\nCCC-3";
txt.split("\n").forEach( function(s){
$("<a>").text(s).attr('href', s).appendTo("body");
});
// или
// $("body").append(
// txt.split("\n").map(s => `<a href="${s}">${s}</a>`)
// );
a { display: block; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Есть rect, которому нужно задать анимацию поворота "туда-обратно", неважно через CSS-анимации или через SMIL, анимация всё равно простаяНо возникает...
Пытался задать padding ссылке в списке, но работает только правый и левыйВерхний и нижний тоже задаётся, но ссылка не растягивает при этом высоту...
Я пробовал через documentwrite() записать в тег <style></style> стиль css, но не вышло
Вывод двоичного дерева поиска всегда упорядочен от наименьшего к большемуТо есть если дерево растянуть в прямую линию, слева будет наименьшее...