php - 对于 PHP/MySQL 中的每 3 行

Question

我正在从 MySQL 中检索数据，我将这些数据列在带有 HTML 的页面上。当我循环遍历它们时，我需要将来自 MySQL 的每三个 throw 放在一个单独的 div 中。

我当前的代码可以工作，但它将所有行打印在一个 div 中。

<div class="flex">
<?php 
    $get_plans = $database->sql("SELECT * FROM plans", array(), 'count');

    if ($get_plans != 0)
    {
        $get_plans = $database -> sql("SELECT * FROM plans", array(), 'rows');

        foreach ($get_plans as $plan)
        {
            $id = $plan['id'];
            $name = $plan['name'];

            echo '
                <div class="flex-33">
                    ID: '.$id.'
                    Name: '.$name.'
                </div>
            ';
        }
    }
?>
</div>

我希望生成的 HTML 看起来像这样:http://prntscr.com/ogx2bu

Answer 1

我会使用 array_chunk() :

foreach (array_chunk($get_plans, 3) as $chunk) {
    echo '<div class="flex">';
    foreach ($chunk as $plan) {
        echo '<div class="flex-33">';
        echo 'ID: ' . $plan['id'] . '; ' . 'Name: ' . $plan['name'];
        echo '</div>';
    }
    echo '</div>';
}

结果是这样的:

<div class="flex">
    <div class="flex-33">ID: ID1; Name: Name1</div>
    <div class="flex-33">ID: ID2; Name: Name2</div>
    <div class="flex-33">ID: ID3; Name: Name3</div>
</div>
<div class="flex">
    <div class="flex-33">ID: ID4; Name: Name4</div>
    <div class="flex-33">ID: ID5; Name: Name5</div>
    <div class="flex-33">ID: ID6; Name: Name6</div>
</div>
<div class="flex">
    <div class="flex-33">ID: ID7; Name: Name7</div>
</div>

参见 demo on rextester.com