-1

我的项目是一个 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没有很好的经验

4

5 回答 5

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

应该管用/

于 2012-08-22T18:34:18.893 回答
1
$("#li1").addClass("selected");

将工作。

例子

于 2012-08-22T18:43:10.897 回答
0

这在 JavaScript/jQuery 中非常简单。

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

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

于 2012-08-22T18:36:02.823 回答
0

您可以像这样设置所有 li 标签类,例如:

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

并且在您的javascript中,您可以将“li”类添加到其他类的所有元素中:

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

在css文件中:

.li
{
  ... needed css for the class
}
于 2012-08-22T18:37:58.773 回答
0

这是另一篇文章,告诉您如何通过类名获取元素

按类名选择 div

于 2012-08-22T18:41:32.270 回答