0

私は次の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'の1つに入れたいの<li>ですが、jqueryを使用します。私は次のようなものを使用する必要があることを知っています:

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

2 に答える 2

1

:eq()セレクターを使用します。

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

渡される数はゼロベースである必要があります。そのため、2番目liは。を使用してアクセスされ:eq(1)ます。


パフォーマンスを向上させるには、セレクターを分割して、次の.eq()関数を使用する必要があります。

$('.nav-list').children().eq(1).addClass('active');
于 2013-01-29T01:27:19.707 に答える
0
$('li').on('click', function(){
    $('li').removeClass('active');
    $(this).addClass('active');
});

すべてからliクラスを削除をクリックすると、クリックしたにクラスを追加するよりも。activeliactiveli

于 2013-01-29T01:28:20.670 に答える