Question

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

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

谢谢。

Answer 1

CSS解决方案（默认适用于所有匹配元素）

a[href="http://www.mysite.com.br"] { 
  display: none;
}

Javascript解决方案（可以在事件中触发）

var links = document.querySelectorAll('a[href="http://www.mysite.com.br"]')
links.forEach(function (element) {
  element.style.display = 'none'
})

Answer 2

您可以简单地遍历所有标记并隐藏具有所需href的标记。

＆＃13;

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

＆＃13;

<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>

＆＃13;

<强>更新

如果你不使用jQuery，那么使用核心JS方法：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

您可以使用CSS [attribute=value] Selector

a[href="http://www.google.de/"] {
    color: red;
}

<p>
    Hello
</p>
<a href="http://www.google.de/">Hello</a>
<span>Hello</span>

Answer 4

您应该使用查询选择器选择结果。假设您想要使用vanilla js而不是jquery，它将类似于：

var elements = document.querySelectorAll('a[href="yoursite"]');

然后遍历结果：

for (var i = 0; i < elements.length; ++i) {
  elements[i].style.display = "none";
}

希望这有帮助。

Answer 5

首先使用document.querySelector选择getAttribute()，然后使用url检查是否包含任何hide a tag，如果为真，则var a = document.querySelector("a"); var b = a.getAttribute("href"); console.log(b); if(b == "http://www.mysite.com.br"){ a.style.display = "none"; }，如下所示，

<a href="http://www.mysite.com.br">Link</a>

import resource
resource.setrlimit(resource.RLIMIT_NOFILE, (1024, 1024))

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

5 个答案: