同一div-wp循环中的两个帖子

时间:2013-09-03 作者:wpneebie

我需要Wordpress中的以下内容:

<div class="posts-wrapped">
    <div id="post-1" class="post">
        <h1>Title 1</h1>
    </div>
    <div id="post-2" class="post">
        <h1>Title 2</h1>
    </div>
</div>
<div class="posts-wrapped">
    <div id="post-3" class="post">
        <h1>Title 3</h1>
    </div>
    <div id="post-4" class="post">
        <h1>Title 4</h1>
    </div>
</div>
我知道如何使用WP循环获取帖子,但如何才能将每两篇帖子打包。贴子包裹div?

我用WP\\u查询获取帖子。

谢谢

编辑:所以我尝试了几种方法。例如:

$index=0;
<div class="posts-wrapped">

<?php
while ( have_posts() ) {
    $index++;   
?>
<div class="post">
        <h1><?php the_post(); ?></h1>
    </div> <?php
if(($index % 2) ==0){
echo \'</div><div class="posts-wrapped">\';
}
} ?>

</div>
但这会打印一个额外的空贴子包装div:

<div class="posts-wrapped">
    Lorem ipsum 1<br>
    Lorem 2 ipsum est<br>
</div>
<div class="posts-wrapped">
    Lorem ipsum 1<br>
    Lorem 2 ipsum est<br>
</div>
<div class="posts-wrapped">
</div>
我怎样才能摆脱这最后一个空div?它拧紧了我的旋转木马(此内容是旋转木马的一部分)。

3 个回复
SO网友:s_ha_dum

这实际上只是一个逻辑问题。您需要有条件地打印div 加成计数器输入$wp_query 会让你选择每一个帖子。

if (have_posts()) {
  echo \'<div class="posts-wrapped">\';
    while (have_posts()) {

      the_post();

      if (0 !== $wp_query->current_post 
        && 0 === $wp_query->current_post%2
      ) {
        echo $wp_query->current_post.\'</div><div class="posts-wrapped">\';
      }

      the_title(); echo \'<br />\';
    }
  echo \'</div>\';
}

SO网友:M Khalid Junaid

获取计算循环迭代次数的索引,并检查模运算,以了解其偶数或奇数

$index=0;
<div class="posts-wrapped">

<?php
while ( have_posts() ) {
    $index++;   
  ?>
<div class="post">
        <h1><?php the_post(); ?></h1>
    </div> 
<?php
if(($index % 2) ==0){
echo \'</div><div class="posts-wrapped">\';
}


        } ?>

</div>

SO网友:Deb

同样的问题,我拔出了头发,但我使用了一个小的jquery技巧,我更改了最后一个元素的类名,它成功了。。。

$(\'.parentdiv>div:last-child\').removeClass( "posts-wrapped noClass" ).addClass( "nothing" );

结束

相关推荐

当从我的搜索表中点击提交时,我会进入home.php

我正在尝试为我的网站设置搜索功能,但当我尝试搜索某个内容时,它会一直将我带到我的主页。我已经创建了searchpage。php,我已经将其添加到我的主题中,我获取了URL并将其添加到搜索表单中。php。以下是我的searchform的代码:<form method=\"get\" id=\"searchform\" action=\"<?php echo esc_url( home_url( \'/\' ) ); ?>\"> <label for=\"s\"