正则表达式从html中提取属性作为文本[关闭]

Question

我从我的 api 收到以下响应作为字符串

var responseText = '<ol><li> <a href="abc.com"></a></li><li> <a href="xyz.com"></a></li></ol>'

现在我只想从字符串中提取 href 值，所以我正在考虑编写一个正则表达式来检查获取它...

我的正则表达式太弱了

我只想要 [abc.com, xyz.com] 作为我的输出

提前致谢

Answer 1

你可以比正则表达式做得更好。您可以创建一个元素，将您的响应用作其内部 HTML，然后提取所有 href：

const container = document.createElement('div');
container.innerHTML = responseText;
const hrefs = [...container.querySelectorAll('[href]')].map(element => element.getAttribute('href'));

console.log(hrefs); // ['abc.com', 'xyz.com']

Answer 2

这里不需要RegEx。只需将字符串转成解析后的 H​​TML，然后使用 DOM API 提取属性值即可：

var responseText = '<ol><li> <a href="abc.com"></a></li><li> <a href="xyz.com"></a></li></ol>';

let temp = document.createElement("div"); // Temporary container
temp.innerHTML = responseText;            // Populate with parsed HTML string

// Collect all the <a> elements into an array
let anchors = Array.prototype.slice.call(temp.querySelectorAll("a")); 

// Loop over the collection of anchors
let results = anchors.map(function(a){
   return a.getAttribute("href"); // Push the href attribute value into the results array
  //return a.href;                // Grab the href property value.
});

console.log(results);