javascript - 根据 href URL 隐藏 anchor 标记

Question

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

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

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

但是假设我想隐藏基于 URL 示例的所有 anchor 标记: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>

我想隐藏第一个 anchor 标记，而不是引用 example2.com 的第二个 anchor 标记

这可以用纯 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>