将多个 div 添加到 foreach 循环 - Laravel答案

【问题标题】：Adding multiple div to a foreach loop - Laravel将多个 div 添加到 foreach 循环 - Laravel
【发布时间】：2019-11-07 02:48:31
【问题描述】：

我是 Laravel 的新手。我正在尝试通过多个 div 循环并介于两者之间。我想包装一个包含多列的 div。

@foreach($products as $product)
<div>
   <div class="row">
       @foreach($products as $product)
        <div class="col-md-4">
          {{image}} 
        </div>

       @endforeach
   </div>
</div>
@endforeach

它没有打印预期的输出。我的预期输出应该是这样的。

<div>
    <div class="row">
        <div class="col-md-4">image1</div>
        <div class="col-md-4">image2</div>
        <div class="col-md-4">image3</div>
     </div>
</div>

<div>
    <div class="row">
        <div class="col-md-4">image4</div>
        <div class="col-md-4">image5</div>
        <div class="col-md-4">image6</div>
    </div>
</div>

如何使用上述格式正确打印 div？

【问题讨论】：

你为什么在内部使用另一个循环与相同的变量$products？单循环足以获得所需的输出。
它是动态滑块的代码。我想通过循环重复打印
每行 3 次。
你得到了什么输出？
知道我该怎么做吗？
你当前的输出是什么

标签： php laravel for-loop

【解决方案1】：

尝试使用集合块：

@foreach($products->chunk(3) as $chunk)
   <div class="row">
       @foreach($chunk as $product)
        <div class="col-md-4">
          YOUR IMAGE HERE 
        </div>
       @endforeach
   </div>
@endforeach

【讨论】：

我会试试这个

【解决方案2】：

试试这个？

<div class="row">
    @for($i = 1; $i <= len($products); $i++)
            <div class="col-md-4">
              Title: {{$products[$i-1]->title }}
            </div>  
      @if($i%3===0)
        </div>  <div class="row">
      @endif
    @endfor
 </div>

【讨论】：

产品总是有3张图片吗？
$product 有很多图片，但我想每行打印 3 张图片。
您的 $projects 变量是简单数组还是 \Illuminate\Support\Collection 的实例？（您可以使用 var_dump 检查它）。还有哪个变量包含这些产品的图像？
@KishoreKadiyala 它不工作。未定义偏移量：9（查看：/Projects/dailyharvest/resources/views/products.blade.php）

【解决方案3】：

@for($i = 0; $i < count($products); $i++)
<div>
   <div class="row">
       @foreach($products as $product)
        <div class="col-md-4">
          {{image}} 
        </div>

       @endforeach
   </div>
</div>
@endfor

【讨论】：

它在一行内创建多个无限col-md-4，我只想要每行 3 个col-md-4 div