Question

我有这个链接

<a class="level-top"><span>Home</span></a>

我想隐藏所有链接。该链接特别具有文本

<span>Home</span>

上课level-top。

我有 This fiddle

如何隐藏链接？。

Answer 1

如果您想要隐藏类level-top的链接，并且该链接包含您可以使用的文字Home：

＆＃13;

$('a.level-top:contains("Home")').hide();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a class="level-top"><span>Home</span></a>
<br/>
<a class="level-top"><span>Different text</span></a>
<br/>
<a><span>Home without class</span></a>

＆＃13;

Answer 2

如果你的意思是你只想隐藏主页链接，为什么不给它一个'home'的id然后把它作为目标隐藏？

<a id="home" class="level-top"><span>Home</span></a>

然后

#home {
  display: none;
}

如果你想调整它以便它不应该在某些页面上显示，你可以使用jQuery。我们说菜单ID是'menu'：

$('#menu #home').hide();

你必须明显将其包装在一个知道它是主页的情况下，例如：

if($('body').hasClass('home') {
  $('#menu #home').hide();
}

某些CMS如WordPress应提供此功能。如果您使用的是静态HTML，则可以自行添加“home”类。

如何定位类和跨度文本

2 个答案: