Jquery 砌体网格上的交替背景色

我正在使用一个WP插件，它使用massy.js在一个massy网格中显示帖子。我正在显示两行三个大小相等的“砖”，需要每个“砖”有一个备用的背景颜色

（我需要的示例）

我试图通过JS和CSS来实现这一点，但没有实现

谁能提供最好的方法和一个有效的例子

谢谢

希望对您有所帮助

    .yourclass{
    background:blue;
    width:30%;
    height:150px;
    display:inline-block;
  }
 .yourclass:nth-child(2n){

    background:red;
  }

在ie8及以下版本的jquery中

    $('.block:nth-child(2n)').css({'background-color':'red'});

---

工作示例

您可以使用css或jquery

css:

第n个子选择器与相应的奇数/偶数类配对，因此您可以以任何方式使用相同的css属性

jquery：

拉小提琴：

---

我在fiddle中使用了这两种方法，任何一种都可以在现代浏览器中使用，但是如果您针对的是任何

n个子项

选择器无法使用的浏览器（比如您是否可以编辑您的问题，以包括目前为止的JS和CSS）？

.block:nth-child(even),.even{background-color:green}
.block:nth-child(odd),.odd{background-color:blue}

$('.block:odd').addClass('odd');
$('.block:even').addClass('even');