php foreach 每 2 个 div 换行一次

Question

我需要为一个项目（一行）将每 2 个 div 与另一个 div 包装起来，所以它看起来像：

<div class="row">
  <div> Item </div>
  <div> Item </div>
</div>
<div class="row">
  <div> Item </div>
  <div> Item </div>
</div>

我尝试了一些解决方案，但它们不起作用，因为进来的物品是奇数（9 件物品）。这是我所拥有的：

<?php 
$count = 0;
foreach ($contents as $content) 
{
    //var_dump($content);
    $books      = $content["tags"];
    $book_image = $content['content_image'];
    $book_desc  = $content['content_social_description'];

    ++$count;

    if($count == 1)
    {  
        echo "<div class='et_pb_row'>";
    }

    foreach ($books as $book) 
    {
        $book_name      = $book['tag_name'];
        $book_name_trim = str_replace(' ', '-', $book_name);
        ?>
        <!-- Inside the Book Loop -->
        <div class='et_pb_column et_pb_column_1_2 books' style="background: url('https://s3-us-west-2.amazonaws.com/crowdhubproverbs31/<?php echo $book_image ;?>');">
            <h2><?php echo $book_name; ?></h2>
            <p><?php echo $book_desc; ?></p>
            <?php echo $count; ?>
        </div>

        <?php

    }

    if ($count == 2)
    {
        echo "</div>";
        $count = 0;
     }
}
?>

这有效，除了倒数第二行有 3 个项目，即使当我回显它时它显示“计数”为 2，所以它应该重置但不会。所以它：

<div class="row">
  <div> Item </div> "Count 1"
  <div> Item </div> "Count 2"
</div>
<div class="row">
  <div> Item </div> "Count 1"
  <div> Item </div> "Count 2"
</div>
<div class="row">
  <div> Item </div> "Count 1"
  <div> Item </div> "Count 2"
  <div> Item </div> "Count 2"
</div>
<div class="row">
  <div> Item </div> "Count 1"
  <div> Item </div> "Count 2"
</div>

Answer 1

您应该在图书循环中打开和关闭您的 <rows/>，并为奇怪的图书添加延迟检查：

<?php 
$count = 0;
foreach ($contents as $content) 
{
    //var_dump($content);
    $books      = $content["tags"];
    $book_image = $content['content_image'];
    $book_desc  = $content['content_social_description'];


    foreach ($books as $book) 
    {
        ++$count;
        if($count == 1)
        {  
            echo "<div class='et_pb_row'>";
        }
        $book_name      = $book['tag_name'];
        $book_name_trim = str_replace(' ', '-', $book_name);
        ?>
        <!-- Inside the Book Loop -->
        <div class='et_pb_column et_pb_column_1_2 books' style="background: url('https://s3-us-west-2.amazonaws.com/crowdhubproverbs31/<?php echo $book_image ;?>');">
            <h2><?php echo $book_name; ?></h2>
            <p><?php echo $book_desc; ?></p>
            <?php echo $count; ?>
        </div>

        <?php
        if ($count == 2)
        {
            echo "</div>";
            $count = 0;
        }


    }
}

if ($count > 0)
{
    echo "</div>";
}
?>

这样做，您的 $count 变量将仅在运行 foreach($books AS $book) 循环时递增（因此您至少要打印一本书）

Answer 2

您可以利用array_chunk：

//First make a generator to get all books
function allBooks($contents) {
    foreach($contents as $content) {    
        foreach($content['tags'] as $book) {
            yield $book; //Here you can yield whatever you want !
        }
    }
}

//Then create rows
$itemPerRow = 2;
$rows = array_chunk(iterator_to_array(allBooks($contents)), $itemPerRow, true);

//Display all 
foreach($rows as $row) {
   echo '<row>';
      foreach($row as $book) {
         //Display the book !
      }
   echo '</row>';
}