javascript - 使用 jquery 为每 7 个元素添加不同的类

Question

我正在创建一个包含帖子列表的博客页面。每篇博文都有相同的 html，例如:

<article class="post">
  post 1
</article>

我想给每 7 篇文章一个类序列('medium','small','large','large','small','small','medium')

<article class="post medium">
  post 1
</article>
<article class="post small">
  post 2
</article>
<article class="post large">
  post 3
</article>
<article class="post large">
  post 4
</article>

当我发布第 8 篇博客时，一切都从头开始。这可能吗？

任何指向正确方向的点都将非常受欢迎!

Answer 1

您可以使用 addClass 并检查其索引:

var classNames = ['medium','small','large','large','small','small','medium'];

$('article.post').addClass(function(i){
    return classNames[ i % classNames.length ];
});

演示:http://jsfiddle.net/wgdv4/