隐藏菜单项或下拉菜单项？

我有下拉菜单项（“pin this site”），我需要隐藏它或隐藏菜单项本身（“我的网络”）。隐藏菜单项或下拉菜单项？

alt text

当我看到页面上viewsource，我得到了下面的代码。

<a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3 
ms-topnavselected zz1_TopNavigationMenu_9" href="http://mynetworkqa.spe.org" 
style="border-style:none;font-size:1em;">My Network</a> 


<a class="zz1_TopNavigationMenu_1 ms-topNavFlyOuts zz1_TopNavigationMenu_6" 
href="javascript:__doPostBack(, 
'ctl00$PlaceHolderTopNavBar$PlaceHolderHorizontalNav$topSiteMap''Pin')" 
style="border-style:none;font-size:1em;">Pin this site</a>

如何隐藏菜单项？

来源

2010-08-31 James123

如果你给了你的链接ID，那么隐藏它们会容易得多。

喜欢的东西$('#myLinkToHide').hide(); ... <a id='myLinkToHide'></a>

然而，由于您提供的源没有IDS，以下内容可能为你工作。将其另存为一个.html文件作为示例。

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $('a').each(function(){ 
       if($(this).html() == 'My Network') 
       { 
        $(this).hide(); 
       } 
      }); 
     }); 
    </script> 
    </head> 
    <body> 
    <a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3 ms-topnavselected zz1_TopNavigationMenu_9" href="http://mynetworkqa.spe.org" style="border-style:none;font-size:1em;">My Network</a> 
    <a href='#'>Not Hidden</a> 
    </body> 
</html>

编辑

这也很难说，如果任何一个类都是独一无二的链接。这就是为什么我使用他们的内容找到正确的内容。

如果您碰巧找到一个独特的类，则可以使用$('.zz1_TopNavigationMenu_3').hide();其中zz1_TopNavigationMenu_3是您的类名。

来源

2010-08-31 20:59:43

隐藏菜单项或下拉菜单项？

回答

相关问题