Question

我有几个li元素。我想根据位置添加类col-md- *。结果如下。如何使用jQuery做到这一点？

<li class="col-sm-8"></li>
<li class="col-sm-4"></li>
<li class="col-sm-4"></li>
<li class="col-sm-8"></li>
<li class="col-sm-8"></li>
<li class="col-sm-4"></li>
<li class="col-sm-4"></li>
<li class="col-sm-8"></li>
<li class="col-sm-8"></li>
<li class="col-sm-4"></li>
<li class="col-sm-4"></li>

Answer 1

您可以使用选择器4n+2并将下一个LI添加到该集合，添加该类，然后只存储该选择以在添加其他类时将其排除

var sm4 = $('ul li:nth-child(4n+2)').next('li').addBack().addClass("col-sm-4");
$('ul li').not(sm4).addClass("col-sm-8")

.col-sm-8 {color : red}
.col-sm-4 {color : blue}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

添加类jquery nth

1 个答案: