使用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');