Question 16950 in Laravel Question posted in
The official Laravel Documentation can be found here.

laravel php foreach use if div open and close

there is a different structure to show projects
Project 1 and 2 are in the same Project 3 is in a different
Project 4 and 5 are in the same Project 6 is in a different
it goes on like this

div will open if $i == 1

If $i == 2 the div will be closed

If $i == 3 the div will be opened and closed

my code

@foreach($projects as $project)
    @if($loop->iteration % 3 === 0 || $loop->first || $loop->iteration % 2 === 0)
        <div class="project"> @endif

            <img src="{{ Voyager::image($project->image) }}" alt="{{ $project->title }}">

            @if($loop->iteration % 3 === 0 || $loop->last || $loop->iteration % 2 === 0) </div>
    @endif
@endforeach

my code result

        <div class="project">
        <img src="project1.jpg" alt="">
        <div class="project">
            <img src="project2.jpg" alt="">
        </div>
        <div class="project">
            <img src="project3.jpg" alt="">
        </div>
        <div class="project">
            <img src="project4.jpg" alt="">
        </div>
        <img src="project5.jpg" alt="">
        <div class="project">
            <img src="project6.jpg" alt="">
        </div>
        <img src="project7.jpg" alt="">
        <div class="project">
            <img src="project8.jpg" alt="">
        </div>
        <div class="project">
            <img src="project9.jpg" alt="">
        </div>

the result i want

    <div class="project">
        <img src="project1.jpg" alt="">
        <img src="project2.jpg" alt="">
    </div>
    <div class="project">
        <img src="project3.jpg" alt="">
    </div>
    <div class="project">
        <img src="project4.jpg" alt="">
        <img src="project5.jpg" alt="">
    </div>
    <div class="project">
        <img src="project6.jpg" alt="">
    </div>
    <div class="project">
        <img src="project7.jpg" alt="">
        <img src="project8.jpg" alt="">
    </div>
    <div class="project">
        <img src="project9.jpg" alt="">
    </div>
Tags:

2

Answers


  1. 0 
    @foreach($projects as $project)
@if($loop->first)
    <div class="project"> @endif
        

        @if($loop->iteration % 3 === 0) </div>
<div class="project">
        @endif
        <img src="{{ Voyager::image($project->image) }}" alt="{{ $project->title }}">
@if($loop->iteration % 3 === 0) </div>
<div class="project">

@endif
@if($loop->last)
    </div> 
@endif
@endforeach
    Login or Signup to reply.
  2. 0

    You can chunk the collection to two and one items in it respectively:

    @foreach ($projects
    ->chunk(3)
    ->map(function ($item) {
        return $item->chunk(2);
    })
    ->flatten(1) as $projectData)
    <div class="project">
        @foreach ($projectData as $project)
            <img src="{{ Voyager::image($project->image) }}" alt="{{ $project->title }}">
        @endforeach
    </div>
@endforeach
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search