Question

我有一个博客项目列表（可能是10+） - 请参阅JSfiddle哪个演示只有4个项目。

我正在使用Bootstrap并希望使用jQuery动态地将第二个，第四个，第六个等级的“容器”类添加到其他<div class="item"> - 以便我最终得到以下内容：

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

2 个答案: