将jQuery addClass添加到其他所有html div类

Question

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

我使用的引导，并希望一个“容器”类动态添加到第2，第4，第6，等用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。