How to iterate HTML using a PHP foreach array loop?

Question

I'm trying to make my life a little easier and use a PHP foreach loop to write out loads of near-identical code, however I'm having trouble getting it to recognise $a, $b and $a$b inside of the echo ''.

If I replace $a$b with, for example, '1.jpg', it iterates the same image for each line in the array, but I'd much rather use the array to enter the file names.

Does anyone have any ideas?

Thanks in advance.

  <?php

$array = [
    ['1', '.jpg'],
    ['2', '.jpg'],
];

foreach ($array as list($a, $b)) {

    echo  '<div class="col-md-6 col-lg-4 mb-5">
                        <div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal$a">
                            <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
                                <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/$a$b" alt="" />
                        </div>';
    
    
    
    
    
}
?>

Hello and welcome to SO! Nice to hear that you're trying out PHP. You might find your answer here: https://stackoverflow.com/questions/8054989/php-insert-a-variable-in-an-echo-string/18095796. Inside your echo you can change `src="assets/img/portfolio/$a$b"` to `src="assets/img/portfolio/'.$a.$b.'"`. I am also marking this as a possible duplicate. — Niellles, Oct 11 '20 at 20:02
Does this answer your question? [php - insert a variable in an echo string](https://stackoverflow.com/questions/8054989/php-insert-a-variable-in-an-echo-string) — Niellles, Oct 11 '20 at 20:02

score 2 · Accepted Answer · edited Oct 11 '20 at 17:40

When iterating, you pass the contaent of each element in the loop. In you case the first content will be ['1', '.jpg'] (an array) and the second ['2', '.jpg'].

So to access it, just use $item[0] and $item[1].

Now to concatenate it in echo, just use the normal 'some text' . $my_data . 'some other text'.

Indeed, $my_data would work only if your string use double quote

See documentation here: https://www.php.net/manual/en/language.operators.string.php

        $array = [
            ['1', '.jpg'],
            ['2', '.jpg'],
        ];

        foreach ($array as list($a, $b)) {

            echo '<div class="col-md-6 col-lg-4 mb-5">
                        <div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal$a">
                            <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
                                <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/'. $a . $b .'" alt="" />
                        </div>';
        }

it should also work with list. But never use it personnaly. You can test it with list — Florent Cardot, Oct 11 '20 at 16:54

How to iterate HTML using a PHP foreach array loop?

1 Answers1