根据 href URL 隐藏锚标记

Question

我想知道是否有可能隐藏引用特定 URL 的锚标记。我知道可以使用 JavaScript 根据 id 进行隐藏：

document.getElementById('someID').style.display = 'none';

<a href="#" id="someID" style="display: none">Check</a>

但是假设我想根据 URL 示例隐藏所有锚标记：www.example.com

<a href="www.example.com" id="someID" style="display: none">Check</a>
<a href="www.example2.com" id="someID" style="display: none">Check</a>

我想隐藏第一个锚标签，而不是第二个引用 example2.com

这可以用纯 JavaScript 而不是 jQuery 实现吗？

Answer 1

您可以使用这样document.querySelector来选择 bu 属性值。我没有使用过 jquery，只使用了 javascript。

document.querySelector("[href='www.example.com']").style.display = 'none';

<a href="www.example.com" id="someID" style="display:block">Check</a>
<a href="www.example2.com" id="someID" style="display:block">Check</a>