使用jquery更改母版頁元素的css

Question

我想在任何子鏈接頁面上突出顯示主菜單。

爲此，我正嘗試將css應用於主內容頁面中主頁面的主菜單鏈接。菜單

代碼如下：

<div class="menu"> 
       <ul id="vertical-navigation"> 
        <li runat="server" id="liConfiguration" class="main_link"><a href="#">Configuration</a> 
         <ul> 
          <li class=""> 
           <div class="ParentMenu"> 
            <div class="ChildItem"> 
             <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/xyz/xyz.aspx">xyz Master</asp:HyperLink></div> 
            <iframe src="" class="IframeMenuItem" scrolling="no"></iframe> 
           </div> 
          </li> 

因此，在這種情況下，當我去xyz.aspx我想改變「liConfiguration」的CSS來「active_butn」

我想寫的jQuery改變CSS的函數...我該怎麼做？

Answer 1

雖然你問了一個jQuery代碼（並且有2個答案），但我認爲服務器代碼在這裏可能會更好。當您可能想要更改元素ID時更安全。

在主：

public void ChangeConfigurationElementClass(string className) 
{ 
    liConfiguration.Attributes["class"] = className; 
} 

在頁面：

var master = Master as MyMaster; 

if (master != null) 
    master.ChangeConfigurationElementClass("active_butn"); 

Answer 2

var $path = window.location.pathname; 

var $indexPath = function ($path) { 

      if ($path.indexOf('xyz') > -1) { 
       $('#liConfiguration').addClass("active_butn"); 
      } 
      else { 
       $('#liConfiguration').addClass("main_link"); 
      } 
} 

我希望這將是罰款，以增加新的類 $ indexPath（$ PATH）;