javascript - 如何通过获取 HTML 标记上的属性来更改 CSS 属性？

Question

我需要用 Javascript 编写此代码，但我是菜鸟。已经在 www.w3schools.com 上寻求帮助，但似乎需要一个时代才能找到这个简单的答案。

if (some 'a' tag has this href attribute 'href="http://www.mysite.com.br"') {
    style="display:none;"
}

谢谢。

Answer 1

您可以简单地遍历所有 a 标签并隐藏带有您想要的 href 的标签。

$('a').each(function(){
  if($(this).attr('href') == "http://www.mysite.com.br")
  {
    $(this).css('display',"none");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://example.com">Example</a>
<a href="http://www.mysite.com.br">this should be hidden</a>
<a href="http://example2.com">Example 2</a>
<a href="http://example3.com">Example 3</a>

更新

如果您不使用 jQuery，则使用核心 JS 方法:

var elements = document.querySelectorAll('a[href="http://www.mysite.com.br"]');
for (var i = 0; i < elements.length; ++i) {
  elements[i].style.display = "none";
}

<a href="http://example.com">Example</a>
<a href="http://www.mysite.com.br">this should be hidden</a>
<a href="http://example2.com">Example 2</a>
<a href="http://example3.com">Example 3</a>