javascript - 如何在正则表达式中选择所有不以两个 ".."(点)开头的 href

Question

我正在尝试使用正则表达式选择 html 文档中的特定行。我希望选择以 <link 开头的行并且不包含在 href 中字符 ../

这是我的html的一部分

<script type="text/javascript" src="/js/IP_Master_PT_RTL.master.js"></script>
<link rel="stylesheet" type="text/css" href="../global.design-editor.com/v8/main.min1024.css?v=_STAGING-Publisher_20180327.1" />
<link rel="stylesheet" type="text/css" href="../fonts.googleapis.com/earlyaccess/alefhebrew.css" />
<link rel="stylesheet" type="text/css" href="ad-systems368c.css?v=4701716615" />

这是我目前所做的: <link[^\*]*?href=[^\*]*?"[^..]*我快接近了，但我想选择整个标签而不选择其他标签。

我刚开始学习正则表达式，所以我对此还很陌生。

Answer 1

在浏览器中使用 JavaScript，您可以查找所有 <link>元素，然后根据 href 过滤它们属性

let allLinks = document.querySelectorAll('link');

let filteredLinks = Array.from(allLinks)
  .filter(el => el.getAttribute("href").startsWith("../") == false);

console.log(filteredLinks);

<script type="text/javascript" src="/js/IP_Master_PT_RTL.master.js"></script>
<link rel="stylesheet" type="text/css" href="../global.design-editor.com/v8/main.min1024.css?v=_STAGING-Publisher_20180327.1" />
<link rel="stylesheet" type="text/css" href="../fonts.googleapis.com/earlyaccess/alefhebrew.css" />
<link rel="stylesheet" type="text/css" href="ad-systems368c.css?v=4701716615" />