Javascript 将类添加到navbar li标记

$（'#nav ul li'）.eq（0）.addClass（“活动”）；
});

#导航a:之后{
-webkit转换：0.5s立方贝塞尔（0.68，-0.55,0.265,1.55）；
过渡：0.5s立方贝塞尔（0.68，-0.55,0.265,1.55）；
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
位置：绝对位置；
z指数：1；
内容：“；
左：50%；
右：50%；
高度：3倍；
底部：13px；
背景色：#24252f；
}

当您在特定页面中时，您可以尝试将

.active

置于该页面中，就像您在主页中一样：

<li><a href="/index.html" class="active">HOME</a></li>
<li><a href="/products/index.html">PRODUCTS</a></li>
<li><a href="/about/index.html">ABOUT</a></li>
<li class="reservation"><a href="/partnerships/index.html">PARTNERSHIPS</a></li>

然后，如果您在产品中：

<li><a href="/index.html">HOME</a></li>
<li><a href="/products/index.html"  class="active">PRODUCTS</a></li>
<li><a href="/about/index.html">ABOUT</a></li>
<li class="reservation"><a href="/partnerships/index.html">PARTNERSHIPS</a></li>

您最好在li标记中添加一个名为active的类，并在.active类中编写一些css，并将其分别用于页面所需的任何li。

考虑到您将在index.html中包含每个菜单的nav div，并且index.html对于每个菜单是单独的，您可以执行以下操作：

1） 给你的每一个李喜欢的ID

    <li id="li1"><a href="/index.html">HOME</a></li>
    <li id="li2"><a href="/products/index.html">PRODUCTS</a></li>
    <li id="li3"><a href="/about/index.html">ABOUT</a></li>

2） 并在每个index.html上添加以下脚本

 <script type="text/javascript">
   $('respective li id').addClass("active"); 

   //for other lis remove active class using
   //following code :  $('li id').removeClass("active");
</script>

$（‘各自的li id’）.addClass（“活动”）；
//对于其他lis，请使用删除活动类
//以下代码：$（'li id'）.removeClass（“活动”）；

试试这个： 它将向单击的元素添加“活动”类。 可以在活动类中提供所需的任何样式。 您可以检查DOM的清晰度

HTML:

CSS

---

你能解释一下我分离了标题（导航栏）吗？你必须在服务器端检测当前的活动选项卡（例如php），然后将

active\u tab

变量传递到单独的导航html部分，并通过条件放置一个类请提供更多详细信息。仅使用代码片段就可以让您提出问题unclear@Armen不要误解我的意思。您在服务器端检测活动选项卡，而活动状态仅用于客户端，这是什么意思。您如何确认他使用PHP？让我们改正错误。那就只有我们可以建议了。你什么意思

tab

也用于定义单个网站中的多个部分。他没有提到使用

tab

，因此我根据他提供的内容进行了回答。@Downvoter您能解释一下原因吗？这样我才能更好地回答他：他没有提到@carlJan，读这部分<代码>如何向li添加或删除活动类感谢您的重播。我只需要一个java脚本，当我转到about页面时，它会向li添加类about，所以我会在下面加下划线about@Rajesh我想这就是为什么他们来自临时（假的）accounts@SagarV令人惊讶的是，还没有人这样做。我想每个人都在考虑这样一个事实，即用户没有足够的重复次数，并且很轻松。@Blah Blah，请更新您的答案，以证明术语答案是正确的。@Rajesh嘿，您清楚地理解这个问题吗？我没有t@SagarV不。甚至我也没有，因此我添加了注释来解释这是什么？我这样写$（‘各自的li3’）.addClass（“active”）//对于其他lis，请使用//以下代码删除活动类：$（'li id'）。removeClass（“活动”）；各li id表示，对于index.html上的脚本，产品使用$（'#li2'）.addClass（“活动”）；等其他索引页谢谢

    <div id="nav">
      <ul >
        <li><a href="#">HOME</a></li>
        <li><a href="#">PRODUCTS</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">PARTNERSHIPS</a></li>           
     </ul>
</div>

$('#nav').on('click','ul > li',function(){
$('li').removeClass('active');
$(this).closest('li').addClass('active');
})

.active {
// Add styles
}