Question

我有下拉菜单项（“固定此网站”），我需要隐藏它或隐藏菜单项本身（“我的网络”）。

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>

如何隐藏菜单项？

Answer 1

如果您提供了链接ID，那么隐藏它们就会容易得多。

像$('#myLinkToHide').hide(); ... <a id='myLinkToHide'></a>

这样的东西

但是，由于您提供的来源没有ID，以下内容可能对您有用。将其另存为.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是您的班级名称。

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

1 个答案: