将jquery中的类添加到<li> without id </li>

Question

我有以下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>
....

我想将class='active'放入<li>中的一个但是使用jquery。 我知道我要用这样的东西：

function select() {
    $("li").addClass("active");
}

Answer 1

使用:eq()选择器：

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

传递的数字应为零，以便使用li访问第二个:eq(1)。

---

为了获得更好的性能，您应该拆分选择器，并使用.eq()功能：

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

Answer 2

$('li').on('click', function(){
    $('li').removeClass('active');
    $(this).addClass('active');
});

点击所有li中的active删除课程li，然后将点击active添加到已点击的li。