如何指定類和跨度文本

Question

我有這個鏈接

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

我想隱藏的鏈接在一起。該鏈接特別具有文字

<span>Home</span> 

and class level-top。

我已經This fiddle

如何隱藏的鏈接？

Answer 1

如果你想隱藏與level-top類的鏈接，幷包含文本Home您可以使用：

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

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

希望這有助於。

Answer 2

如果您想要隱藏首頁鏈接，爲什麼不給它一個「家」的ID，然後將其設爲隱藏。

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

然後

#home { 
    display: none; 
} 

如果你想調節，以便它不應該在某些頁面顯示，你可以使用jQuery這一點。比方說，把菜單的ID是「菜單」：

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

你不得不在知道，這是網頁，例如條件顯然把這個包：

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

一些CMS的如Wordpress應該提供這個，如果你使用靜態html，你可以自己添加'home'類。

希望這會有所幫助。