隱藏菜單項或下拉菜單項？

我有下拉菜單項（「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

隱藏菜單項或下拉菜單項？

回答

相關問題