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

Question

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

为此任何javascript或jQuery sollution？

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

我建议创建一个类，例如＆＃39; hide-links＆＃39;然后添加以下CSS来隐藏链接。

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

然后，您可以切换该类或其他类似的类，以隐藏和显示嵌套容器中的内容，而不会出现大量的jquery。