我正在创建一个包含帖子列表的博客页面。每篇博文都有相同的 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 篇博客时,一切都从头开始。这可能吗?
任何指向正确方向的点都将非常受欢迎!
最佳答案
您可以使用 addClass 并检查其索引:
var classNames = ['medium','small','large','large','small','small','medium'];
$('article.post').addClass(function(i){
return classNames[ i % classNames.length ];
});
关于javascript - 使用 jquery 为每 7 个元素添加不同的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13458598/