如何使用JavaScript代码在活动li上添加类

如何使用JavaScript在li标记上添加活动类。我在这里试着去做。它正在工作，但不正常。我正在为这里的标签做准备。

根据评论，我猜您希望看到：

var a=document.queryselectoral（“.nav li a”）；
对于（变量i=0，长度=a.length；i

.active{
背景色：#0f9；
}

根据评论，我猜您希望看到：

var a=document.queryselectoral（“.nav li a”）；
对于（变量i=0，长度=a.length；i

.active{
背景色：#0f9；
}

如果您有jquery

<ul class="nav nav-tabs">
    <li onclick="this.className='active'"><a href="#">Home</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 1</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 2</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 3</a></li>
</ul>

.active{背景色：#0f9；}
$（“ul.nav.nav选项卡”）。在（'click'，'li'，function（）上{
$（this.sides（）.removeClass（'active'）；
$（this.addClass（'active'）；
});

如果您有jquery

<ul class="nav nav-tabs">
    <li onclick="this.className='active'"><a href="#">Home</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 1</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 2</a></li>
    <li onclick="this.className='active'"><a href="#">Menu 3</a></li>
</ul>

.active{背景色：#0f9；}
$（“ul.nav.nav选项卡”）。在（'click'，'li'，function（）上{
$（this.sides（）.removeClass（'active'）；
$（this.addClass（'active'）；
});

我如何删除与其他li@user3282537为此，您必须编写一个专用的事件侦听器。您不能在内联处理程序中完成这里的所有操作。@RajaprabhuAravindasamy添加了事件处理程序buddy。@PraveenKumar，它发生了，伙计

querySelector

看起来会更好，因为您不需要

[0]

。并将其保留在变量中，而不是选择元素两次。@PraveenKumar，是的。。。现在它更好了，副作用也更少了：）我如何删除与其他用户的类li@user3282537为此，您必须编写一个专用的事件侦听器。您不能在内联处理程序中完成这里的所有操作。@RajaprabhuAravindasamy添加了事件处理程序buddy。@PraveenKumar，它发生了，伙计

querySelector

看起来会更好，因为您不需要

[0]

。并将其保留在变量中，而不是选择元素两次。@PraveenKumar，是的。。。现在它更好了，副作用也更少了：）不，看，不。看。