如何将将链接作为类名的 span 转换为 <a href= " " >链接

Question

你好stackoverflow社区，

我正在从AngularJs的表达式中获取HTML输出。在此angularjs expression {{{html}}中，我得到了一些html代码块。

<p>sometext ....<span class="externallink::https://www.siv.archives-nationales.culture.gouv.fr/siv/IR/FRAN_IR_054007 foreground-blue underline-1  ">Online-Findbuch</span>...some text</p>

现在，我需要将其转换为可以使用的东西。一个简单的工作链接。例如。

<p>some text ....<a class="foreground-blue underline-1" href="https://www.siv.archives-nationales.culture.gouv.fr/siv/IR/FRAN_IR_054007">Online-Findbuch</a>...some text </p>

您可以看到，有几个问题要解决。如何使用" externallink ::"的类读取和转换跨度与添加地址的链接。将课堂名称保留为" externallink ::"作为类名称，然后将"在线findbuch"跨名称转换为链接名称。

谢谢您的帮助。

Answer 1

虽然您的问题确实不清楚，但尝试从中可以理解的任何内容：

可以做很多方法，这是使用jQuery

的方法

var span = $('<span class="externallink::https://www.siv.archives- 
nationales.culture.gouv.fr/siv/IR/FRAN_IR_054007 foreground-blue underline-1  
">Online-Findbuch</span>')
var spanClass = span[0].classList[0];
var aHref = spanClass.replace('externallink::', '');
var a = $("<a>");
a.attr('href', aHref);