使用jQuery将样式应用于div中的偶数元素（2,4,6等）？

Question

我想加时赛一个样式应用到一个div内的一些要素：

<div id="showcase"> 
<div class="project"> 
<div class="project"> <!-- add a style here --> 
<div class="project"> 
<div class="project"> <!-- add a style here --> 
<div class="project"> 
<div class="project"> <!-- add a style here --> 
</div> 

该项目的div是WordPress的职位，所以我不能只是添加在div类。所以我认为jQuery是要走的路。

有什么建议吗？

Answer 1

$('.project:odd').addClass('myclass'); 

http://api.jquery.com/odd-selector/

为了获得最佳性能，你应该做的：

$('.project').filter(':odd').addClass('myclass'); 

正如詹姆斯指出的（和上面的文档）:odd代替:even因为计数是基于0。

Answer 2

http://jsfiddle.net/uAZgm/

$('#showcase .project:nth-child(even)').addClass('new');