将单词转换为链接并将其替换为html

Question

我有一个包含名称的字符串，该名称可以是动态的（1个或多个）.....我想将这些名称转换为超链接...，并且那些超链接将包含这些名称..

例如。在字符串“ john，jim，jean”中..... john将被超链接并重定向到“ www.abc.com/john”，依此类推……

我已经使用...使用了jquery访问元素，因为在元素内部，我使用.children().text()了split并将其保存在regs[]

<label>Ids: <span> john,jim,jean</span></label>

var strr=$('label:contains("IDs:")').children().text();

var regs = strr.split(",") 
var reg_length = regs.length;

我不想更改html中的文本，只想将它们转换为超链接。

例如点击时john将重定向至www.abc.com/john其他名称。

无需更改可见字符串 john,jim,jean

Answer 1

我看到你用过jQuery，所以我也会

regs = regs.map( s => $(`<a href='www.abc.com/${s}'>${s}</a>`) )

在字符串模板和jquery 的帮助下，使用map从数组的每个项目创建元素。