2017-03-21 8 views
1

ich den Link haben zum ZielWie Klasse und Spanne Text

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

ich den Link alle zusammen ausblenden möchten. Diese Verbindung hat vor allem Text

<span>Home</span> 

und Klasse level-top.

Ich habe This fiddle

Wie blende ich den Link ?.

+2

Was meinen Sie mit "Wie kann ich den Link ausblenden?" Es ist schon in deiner Geige versteckt. – APAD1

+0

Ich möchte den Span Text zum Ziel verwenden. Derzeit verstecke ich mich nur über die CSS-Klasse. –

+0

Noch unklar, was Sie fragen. – APAD1

Antwort

1

Wenn Sie den Link mit Klasse level-top ausblenden möchten und dass enthält den Text Home könnten Sie verwenden:

$('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>

Hoffnung, das hilft.

+0

Ist es möglich, das mit nur CSS zu tun, funktioniert die Jquery auch. –

+0

Sorry, es gibt keine CSS-Selektor für Elemente mit bestimmten Text :( –

0

Wenn Sie möchten, dass Sie nur den Home-Link ausblenden möchten, geben Sie ihm eine ID von "home" und dann target es zu verstecken.

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

dann

#home { 
    display: none; 
} 

Wenn Sie wollen, dass es konditionieren, so dass es nicht auf bestimmte Seiten zeigen sollte, könnten Sie jQuery für diese. Sagen wir das Menü-ID ‚Menü‘ war:

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

Sie müssten offensichtlich in einem Zustand dieser Verpackung, die weiß, dass es die Homepage ist, zum Beispiel:

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

Einige CMS wie Wordpress sollte dies bereitstellen, wenn Sie statisches HTML verwenden, können Sie die "Home" -Klasse selbst hinzufügen.

Hoffe, das hilft.

+0

Ich werde versuchen mit Pseudo-Klassen und versuchen, um zu sehen, ob es behoben werden kann. –

Verwandte Themen