Break While Loop将“last”添加到<div> </div>

时间:2011-08-18 09:35:02

标签: php css wordpress loops while-loop

在WordPress中,我正在使用它:

while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
echo "<div class='test'>test</div>";
<?php endwhile; ?>

我现在喜欢它,因为对于每个第二个元素,它会将“last”类添加到div中,因此最终的代码可能是:

<div class='test'>test</div>
<div class='test last'>test</div>
<div class='test'>test</div>
<div class='test last'>test</div>
<div class='test'>test</div>
<div class='test last'>test</div>.....

非常感谢任何指示。

3 个答案:

答案 0 :(得分:1)

$i = 0;
while ($wp_query->have_posts()) {
    $wp_query->the_post(); 
    $i++
    if ($i %% 2){ 
        echo "<div class='test last'>test</div>";
    } 
    else{
        echo "<div class='test'>test</div>";
    }
endwhile; ?>

答案 1 :(得分:0)

for ($i = 0; $wp_query->have_posts(); $i++) {
    $wp_query->the_post(); 
    echo ($i %% 2) ? "<div class='test last'>test</div>" : "<div class='test'>test</div>";
}

答案 2 :(得分:0)

您还可以使用WordPress的内置帖子计数字段,$ wp_query-&gt; current_post

<?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
   <div class="test <?=$wp_query->current_post % 2 == 0 ? "last" : "";?>">test</div>
<?php endwhile; ?>