2010-08-31 3 views
0

У меня есть выпадающий пункт меню («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> 

Как скрыть пункт меню?

ответ

1

Если вы указали свои идентификаторы ссылок, тогда было бы гораздо проще скрыть их.

Что-то вроде $('#myLinkToHide').hide(); ... <a id='myLinkToHide'></a>

Однако поскольку источник вы предоставили не идентификаторы, нижеследующее может работать для вас. Сохраните это как .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> 

EDIT

Это также трудно сказать, если какой-либо из классов являются уникальными для ссылок. Вот почему я использую их контент, чтобы найти правильный, чтобы скрыть.

Если вам удалось найти уникальный класс, вы можете использовать $('.zz1_TopNavigationMenu_3').hide(); где zz1_TopNavigationMenu_3 - ваше имя класса.