2010-11-30 3 views
1

J'ai un HTML qui ressemble à ceci:Javascript (Jquery ou MooTools ou pur Javascript) cacher l'élément par le contenu ou href

<tr> 
<td nowrap="nowrap"> 
<a href="/home" class="mainlevel_jos_mainmenu_menu" >Home</a> 
<a href="/somethingelse" class="mainlevel_jos_mainmenu_menu" >Something Else</a> 
<a href="/somethingelse2" class="mainlevel_jos_mainmenu_menu" id="active_menu_jos_mainmenu_menu">Something Else 2</a> 
<a href="/somethingelse3" class="mainlevel_jos_mainmenu_menu" >Something Else 3</a> 
<a href="/somethingelse4" class="mainlevel_jos_mainmenu_menu">Something Else 4</a> 
</td> 
</tr> 

et je dois cacher l'élément a avec le contenu Accueil, soit par href (parce que c'est le seul élément avec cette href sur la page) ou par le contenu (qui est toujours "Accueil").

Mais le problème est, je ne peux pas ajouter ID à la maison.

Répondre

2

En utilisant jQuery :

Premier élément

$(".mainlevel_jos_mainmenu_menu:first").hide(); 

Par contenu

$(".mainlevel_jos_mainmenu_menu:contains('Home')").hide(); 

Par href

$(".mainlevel_jos_mainmenu_menu[href='/home']").hide(); 
+0

+1 pour répondre aux deux aspects de la question (href et contenu) – Fenton

+0

merci, c'est exactement ce que cherchait! – Timur

2

En utilisant jQuery:

$('a[href="/home"]').hide(); 
+0

remercier votre, ça marche! – Timur

0

vous pouvez utiliser la peau de jquery en donnant le nom de classe que vous avez

give one more class name to the home like test 

<a href="/home" class="mainlevel_jos_mainmenu_menu test" >Home</a> 

$(".test").hide(); 

pour plus de détails voir ici

http://api.jquery.com/hide/

+0

désolé, je n'ai pas écrit cela mais je ne peux rien changer en html strukture - donc classe etc doit être le même. – Timur