Question

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

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

如何通过jQuery查询来完成？

ps：我添加了一个可能情景的片段。

＆＃13;

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

＆＃13;

<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>

＆＃13;

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>

Answer 2

使用$.eq。

$('#list li').eq(li_position);

您可以在此处查看文档：{{3}}

Answer 3

jQuery的eq()函数会将匹配元素集合减少到指定索引处的元素。

要将一个类添加到索引为wait的{{1}}，只需使用：

<li>

或者，您可以按如下方式使用:eq()选择器，以减少函数调用次数：

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

3 个答案: