使用javascript/jquery从字符串中拉取html元素

Question

我想分割两个部分的特定字符串。第一部分是文本，第二部分是href元素。

这是我的字符串：

'Some custom string: John. <a href="/rest/link">Start something</a>'

这第二部分将永远是一个HREF元素。我想获得这样的事：

content = "Some custom string: John." 
link = `"<a href="/rest/link">Start something</a>"` 

我尝试以下解决方案：

link = @data.content.match("<(.*)>") <- this return ["<a href="/rest/link">Start something</a>", "a href="/rest/link">Start something</a"] 
content = @data.content.replace("<(.*)>", "") <- this return the same string 

是否有可能得到这个数据，而正则表达式？感谢所有的答案。

Answer 1

您可以使用DOMParser：

var yourString = 'Some custom string: John. <a href="/rest/link">Start something</a>'; 

    var d = new DOMParser(); 
    var dom = d.parseFromString(yourString, "text/html"); 
    var a = dom.querySelector('a'); 

    var linkText = a.innerText 
    var linkHref = a.href; 

Answer 2

var str  = 'Some custom string: John. <a href="/rest/link">Start something</a>'; 
var index = str.search(/<[a-z]/i); 
var content = str.substring(0, index); 
var html = str.substring(index);