javascript - 使用 javascript 正则表达式提取指定类的 href 值(单独)

Question

我有一些像下面这样的链接的字符串，

Some text will come here <a class="checkSomething" href="https://something.com" style="color: rgb(255, 255, 255); font-size: 17px;">Check Status</a>. Some text will come here <a href="#">Click</a> Some text will come here.

我想从上面的字符串中提取 href类名称为 checkSomething 的值.

基本上我必须单独获取链接，即https://something.com

我试过下面的正则表达式

/<a class="checkSomething" href="([^"]*)">/

但它给出了 <a> 的链接如下标签

<a class="checkSomething" href="https://something.com"

有人可以帮我解决这个问题吗？提前致谢!

Answer 1

您无法使用正则表达式可靠地解析 HTML，所以不要这样做。但是，您可以使用主机的内置解析器，然后获取 A 元素并为具有该元素的元素返回 href 属性的值。

并非所有 A 元素都是链接，有些是 anchor ，因此没有 href 属性。在这种情况下，getAttribute 将返回 null，这(是假的)filter 不会添加到返回的数组中。

var s = 'Some text will come here <a class="checkSomething" href="https://something.com" style="color: rgb(255, 255, 255); font-size: 17px;">Check Status</a>. Some text will come here <a href="#">Click</a> Some text will come here.'

function getHREFs(markup) {
  var el = document.createElement('div');
  el.innerHTML = markup;
  return Array.prototype.filter.call(el.querySelectorAll('a'), function(a) {
    return a.getAttribute('href');
  })
}

document.write(getHREFs(s));