通過jQuery將“活動”類添加到下拉菜單

Question

我正在嘗試通過jQuery添加“活動”類，因為該代碼來自apx主文件。 我知道PHP，但沒有盡快。

當任何人進入子菜單頁面（例如Technical-Info.aspx，End-Device-Info.aspx頁面）時，都需要在父級li上使用addClass（ <li class="active"><a href="OverView.aspx" title="Overview">OverView</a>而不是<li><a href="OverView.aspx" title="Overview">OverView</a> ）。

碼-

<ol id="menu">
         <li><a href="Default.aspx" title="Home Page" style="color:#FFF">Home</a>        
        <li><a href="OverView.aspx" title="Overview">OverView</a>  

          <!-- sub menu -->
          <ol>     
            <li><a href="Technical-Info.aspx" title="Technical Info">Technical Info</a></li>
            <li><a href="End-Device-Info.aspx" title="End Device Info">End Device Info</a></li>
          </ol>
        </li><!-- end sub menu -->

        <li><a href="Register.aspx">Register To Service</a></li>
        <li><a href="Rates.aspx">Rates</a></li>

        <li><a href="#">Support</a>

          <!-- sub menu -->
          <ol>     
            <li><a href="FAQ.aspx" title="FAQ">FAQ</a></li>
            <li><a href="TOS.aspx" title="TOS">Terms Of Service</a></li>
            <li><a href="Contact_Us.aspx" title="Order the service">Contact Us</a></li>
          </ol>
        </li><!-- end sub menu -->

         <li><a href="skype:name?call" title="Call us on Skype"><img src="img/callme_small4.png" width="85px" height="85px"; /></a></li>

</ol>

Answer 1

您可以使用以下內容：

$("li[title=FAQ]").addClass("active");

Answer 2

一種替代方法是對服務器端的這些更改。 為此，您必須將每個HTML元素轉換為服務器端控件。 為此，只需在每個標簽中放置一個標簽runat="server" ，然后添加一個ID即可識別它們。 例如：

<li><a href="OverView.aspx" title="Overview">OverView</a></li>

變成：

<li id="overviewMenu" runat="server"><a href="OverView.aspx" title="Overview">OverView</a></li> 。

然后在服務器端，使用遵循偽算法：

1. 檢索所有菜單並將其標記為“未激活”。
2. 選擇要標記的菜單並將其設置為“活動”。

這是一些有用的ASP.NET方法：

1. 為了通過id獲得HTML控制器服務器端，請使用以下方法： HtmlControl control = (HtmlControl) this.FindControl("controllerId"); ，其中controllerId是您的服務器端ID。 您可以使用HtmlControl泛型類型來強制轉換所有HTML控件。 您將需要HtmlControl軟件包System.Web.UI.HtmlControls。
2. 要添加活動類，請使用以下命令： control.Attributes.Add("class", "active"); 。 若要刪除，請使用以下命令： control.Attributes.Remove("class"); ;