隐藏菜单项或下拉菜单项?
问题描述:
我有下拉菜单项(“pin this site”),我需要隐藏它或隐藏菜单项 本身(“我的网络”)。隐藏菜单项或下拉菜单项?
当我看到页面上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>
如何隐藏菜单项?
答
如果你给了你的链接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是您的类名。