Php 每三次向wordpress帖子添加一个类

我列出了博客类别中的所有wordpress帖子，但试图在每三个“fourcol”类中添加一个名为“last”的类

HTML

<div class="container">
    <div class="row">

    <?php query_posts('category_name=blog&showposts=10&orderby=date&order=dsc'); if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

        <div class="fourcol">
            <a href=""><h2 class="blogtitle"><?php the_title(); ?></h2></a>
            <a href="#"><img src="images/_scroll1.jpg"></a>
            <span class="date">12 May 2011</span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            <a class="more" href="#">Keep reading</a>
                </div><!-- fourcol END -->

            <?php endwhile; endif; ?>
        </div><!-- row END -->
    </div><!-- container END -->

2011年5月12日
Lorem ipsum dolor sit amet，是一位杰出的献身者

希望这有意义？

编辑：

var i = 1;
$('#row .fourcol').each(function() {
    if(i++ % 4 == 0) 
        $(this).addClass('last'); 
});

---

你需要

您可以在模板中使用PHP实现这一点。只需在每三篇文章中添加字符串
last
。以下变体使用和。计数器从0开始，因此我们每次向其添加1：

<div class="fourcol<?php if ( !((1 + $wp_query->current_post) % 3) ) echo ' last' ?>">

使用CSS

而不是

.last

使用

if（have_posts（））：while（have_posts（））：the_post（）；
//循环代码在这里。
如果（0==$count%4）{
echo'div class=“clrFix”>；
}
结束时；
如果（0！=$count%4）{
echo'div class=“clrFix”>；

}

在这里，在每4篇文章之后添加一个clrFix div。
你比我快+1没有比这更简单的方法了为什么你要用javascript来做这件事？@locrizak：看看这个问题标签。我意识到，他在寻求建议，javascript不是做这件事的方法。不，他试图“每三次wordpress帖子都添加一个类”。我的解决方案就是这样。很好，这很有效，但会将类添加到第一篇文章中，而不是第三篇文章中，有什么想法吗？这很有效，但理想情况下会将其设置为一个序列，即：类“last”将应用于第3、6、9、12篇文章。关于internet explorer的内容？你在谈论哪个版本的ie？为你更新了我的答案。误读
<?php query_posts('category_name=blog&showposts=10&orderby=date&order=dsc'); 
if ( have_posts() ) : 
    $i=0;
    while ( have_posts() ) : 
        the_post(); 
    ++$i; 
    ?>

    <div class="fourcol<?php if($i%3==0) echo ' every-third-post' ?>" >
        <a href=""><h2 class="blogtitle"><?php the_title(); ?></h2></a>
        <a href="#"><img src="images/_scroll1.jpg"></a>
        <span class="date">12 May 2011</span>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <a class="more" href="#">Keep reading</a>
            </div><!-- fourcol END -->

        <?php endwhile; endif; ?>
    </div><!-- row END -->
</div><!-- container END -->

<div class="fourcol<?php if ( !((1 + $wp_query->current_post) % 3) ) echo ' last' ?>">

<div class="fourcol<?php

  isset($iposts) || $iposts = 0;

  if (++$iposts === 3)
  {
    $iposts = 0;

    echo ' last';
  }

 ?>">

.last

.fourcol:nth-child(3n+1)

if ( have_posts() ) : while( have_posts() ) : the_post();
//Loop code goes here. 
if ( 0 == $count%4 ) {
    echo 'div class="clrFix"></div>';
}
endwhile; 
if ( 0 != $count%4 ) {
   echo 'div class="clrFix"></div>';