如何隱藏具有特定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。