jQuery addClass 每隔一个 html div class

Question

我有一个博客项目列表（可能超过 10 个）- 查看 JSfiddle 哪个演示只有 4 个项目。

我正在使用 Bootstrap 并希望动态添加 'container' class 到第 2、4、6 等 jQuery - 每隔 [=15] =] - 所以我得到以下结果：

<div class="blog">
  <div class="item">
    <img src="http://dummyimage.com/1300x200/000000/fff" class="img-responsive" />
  </div>
  <div class="item container">
    <img src="http://dummyimage.com/1300x200/000000/fff" class="img-responsive" />
  </div>
  <div class="item">
    <img src="http://dummyimage.com/1300x200/000000/fff" class="img-responsive" />
  </div>
  <div class="item container">
    <img src="http://dummyimage.com/1300x200/000000/fff" class="img-responsive" />
  </div>
</div>

我如何使用 jQuery addClass 来做到这一点？

Answer 1

试试这个：

$(".item:nth-child(even)").addClass("container");

https://jsfiddle.net/kqr3o56r/

Answer 2

你可以循环如下：

$('.blog > .item:odd').each(function(key, value) {
    $(this).addClass('container');
  });

参考演示here。

jQuery addClass 每隔一个 html div class

jQuery addClass to every other html div class

html

jquery

addclass

twitter-bootstrap