Question

我的项目是一个asp.net，它有一个包含列表的母版页

<ul id="navigation">
         <li id="li1" runat="server" class="selected"><a href="Events.aspx">Events</a></li>
         <li id="li2" runat="server"><a href="AddEvent.aspx">Add Event</a></li>
         <li id="li3" runat="server"><a href="MyProfile.aspx">Profile</a></li>
         <li id="li4" runat="server"><a href="Friends.aspx">Friends</a></li>
         <li id="li5" runat="server"><a href="FindFriends.aspx">Find Friends</a></li>
         <li id="li6" runat="server"><a href="Schedual.aspx">Schedual</a></li>
         <li>
             <asp:LinkButton ID="LogOutButton" runat="server" OnClick="LogOutButton_Click">Log Out</asp:LinkButton>
         </li>
</ul>

所选类（css类）有一张图片，该图片告诉用户他在哪个页面上。当我导航时如何使用javascript或C＃更改此类？

我对javascript没有很好的体验

Answer 1

document.getElementById("li6").className = "whatever";

应该工作/

Answer 2

$("#li1").addClass("selected");

会工作。

Example

Answer 3

这在JavaScript / jQuery中非常简单。

但如果这是用于导航，意味着在显示新页面时需要更新，我会在服务器的标记中执行此操作。

您没有多说您如何为此页面提供服务。但是ASP.NET WebForms和MVC都允许您以多种不同的方式控制HTML。

Answer 4

您可以设置所有li标签类，例如：

<li class="li">
 ... content of the tag
</li>

并且在您的javascript中，您可以使用类“li”添加到所有其他类的元素：

$(".li").addClass("classYouWantToAdd");

并在css文件中：

.li
{
  ... needed css for the class
}

Answer 5

这是另一篇文章，告诉你如何通过classname获取元素

Selecting a div by classname

我如何使用javascript改变我的<li>的类</li>

5 个答案: