将jquery中的类添加到<;李>;没有身份证

将jquery中的类添加到<;李>;没有身份证,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我有以下html: <div class="well sidebar-nav"> <ul class="nav nav-list"> <li class="nav-header">head</li> <li><a href="index.html"><i class="icon-cog"></i> index</a></li&g

我有以下html:

<div class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">head</li>
          <li><a href="index.html"><i class="icon-cog"></i> index</a></li>
          <li><a href="contacts.html"><i class="icon-globe"></i> contacts</a></li>
....
使用选择器:

$('.nav-list li:eq(1)').addClass('active');
传递的数字应以零为基础,以便使用
:eq(1)
访问第二个
li


为获得更好的性能,应拆分选择器,并使用以下功能:

$('.nav-list').children().eq(1).addClass('active');

当您单击一个
li
从所有
li
中删除类
活动
,然后将类
活动
添加到单击的
li

中,您想将类添加到哪个
li
中?您如何根据什么事件或标准确定哪个
li
应该是
活动的?
$('.nav-list').children().eq(1).addClass('active');
$('li').on('click', function(){
    $('li').removeClass('active');
    $(this).addClass('active');
});