Преобразовать строки в ссылки

104
17 февраля 2021, 04:50

Всем привет. Есть текстовый файл:

AAA-1
BBB-2
CCC-3

Как преобразовать средствами JS или JQUERY текстовые строки в ссылки и сделать вывод в таблицу?

Через notepad++ делаю так:

  1. Найти ^ заменить на <a href="URL">
  2. Найти $ заменить на </a>

А идея загрузить файл через HTML5 - и сделать вывод ссылок в таблицу.

Answer 1

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>

Answer 2

вариант с 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>

READ ALSO
Как правильно задать центр вращения для анимации SVG элемента?

Как правильно задать центр вращения для анимации SVG элемента?

Есть rect, которому нужно задать анимацию поворота "туда-обратно", неважно через CSS-анимации или через SMIL, анимация всё равно простаяНо возникает...

130
ul&gt;li&gt;a padding top/bottom

ul>li>a padding top/bottom

Пытался задать padding ссылке в списке, но работает только правый и левыйВерхний и нижний тоже задаётся, но ссылка не растягивает при этом высоту...

109
Как через js записать стиль css?

Как через js записать стиль css?

Я пробовал через documentwrite() записать в тег <style></style> стиль css, но не вышло

103
Двоичное дерево поиска. Почему вывод не упорядочен от меньшего к большему?

Двоичное дерево поиска. Почему вывод не упорядочен от меньшего к большему?

Вывод двоичного дерева поиска всегда упорядочен от наименьшего к большемуТо есть если дерево растянуть в прямую линию, слева будет наименьшее...

96