2010-11-30 76 views
1

我有一个HTML,看起来像这样:的Javascript(jQuery的或MooTools的或纯JavaScript)隐藏元素的内容或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> 

,我需要隐藏的元素一个与内容首页,或者通过HREF(因为它是页面上唯一具有此href的元素)或内容(始终为“Home”)。

但问题是,我无法将ID添加到Home中。

回答

2

使用jQuery :

第一个元素

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

通过内容

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

通过HREF

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

+1回答问题的两个方面(href和内容) – Fenton 2010-11-30 08:31:24

2

使用jQuery:

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

感谢你,它的工作原理! – Timur 2010-11-30 16:49:19

0

您可以通过给您拥有

give one more class name to the home like test 

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

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

更多细节类的名称使用jQuery的隐藏在这里看到

​​

+0

对不起,我没有写这个,但我不能改变任何HTML结构 - 所以类等必须是相同的。 – Timur 2010-11-30 16:41:18