javascript - 如何通过 ul 中的索引将类设置为 li 标签

Question

我想通过其索引添加或删除 li 的类:

例如:将类 .active 添加到索引 2 的 li 或 使用 jQuery 删除索引 0 的 li 类。

我如何通过 jQuery 查询来做到这一点？

ps:我添加了一个可能的场景片段。

// query to set a class to a li by its index

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="list" class="nav nav-pills">
  <li><a href="#tab1" data-toggle="tab">1</a>
  </li>
  <li><a href="#tab2" data-toggle="tab">2</a>
  </li>
  <li><a href="#tab3" data-toggle="tab">3</a>
  </li>
  <li><a href="#tab4" data-toggle="tab">4</a>
  </li>
  <li><a href="#tab5" data-toggle="tab">5</a>
  </li>

</ul>

Answer 1

您可以使用 :eq伪选择器:

$('li:eq(0)').addClass('active');
$('li:eq(3)').addClass('active');

.active a {
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="list" class="nav nav-pills">
    <li><a href="#tab1" data-toggle="tab" >1</a></li>
    <li><a href="#tab2" data-toggle="tab">2</a></li>
    <li><a href="#tab3" data-toggle="tab">3</a></li>
    <li><a href="#tab4" data-toggle="tab">4</a></li>
    <li><a href="#tab5" data-toggle="tab">5</a></li>						 
</ul>