jquery - 将 jquery 中的类添加到没有身份证

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删除类时，比将类添加到单击的。activeliactiveli