如何隐藏具有特定href的特定类的所有链接

Question

我正在寻找一种在页面加载时隐藏href等于“ href1”或“ href2”或“ href3”的类“ checkme”的所有链接的方法。

为此任何JavaScript或jQuery的解决方案？

Answer 1

您可以使用CSS来做到这一点：

a.checkme[href='href1'],
a.checkme[href='href2']
{
    display: none;
}

http://css-tricks.com/attribute-selectors/

http://jsfiddle.net/78zrnnvz/

非常感谢您要求使用js / jq解决方案，但在这种情况下似乎没有必要

Answer 2

只需通过ilovecode升级到CSS解决方案即可：

a.checkme[href*='href1'],
a.checkme[href*='href2']
{
   display:none;
}

这将隐藏所有包含href1或href2的链接。 因此它将隐藏href =“ http：// href1”和href =“ href1”和href =“ http：//www.href1”

Answer 3

我建议创建一个类，例如“ hide-links”，然后添加以下CSS隐藏链接。

.hide-links [href="href1"], .hide-links [href="href2"], .hide-links [href="href3"] { ... }

然后，您可以切换该类或其他类似的类，以隐藏和显示带有嵌套容器的内容，而不会产生很大的jquery。