0

Имеется массив из 32 подобных элементов:

    $boots = 
    [array("I" => "css/images/1.jpg", "Item Number" => "000001","Size List" => "8/8.5/9.5/10/11","Brand Name" => "Adidas Shoes","Wholesale Price:" => 87), 
     array("I" => "css/images/2.jpg", "Item Number" => "000002","Size List" => "8/9.5/10/11","Brand Name" => "Adidas Shoes","Wholesale Price:" => 77),...]

Нужно вывести его элементы на сайт с помощью цикла (имеется шаблон сайта).

Вот как выглядят эти элементы в первоначальном HTML коде из шаблона:

<ul>
 <li>
  <div class="image">
    <a href="#"><img src="css/images/1.jpg" alt="" width="180" /></a>
  </div>
  <p>
    Item Number: <span>000001</span><br />
    Size List : <span>8/8.5/9.5/10/11</span><br />
    Brand Name: <a href="#">Adidas Shoes</a>
  </p>
  <p class="price">Wholesale Price: <strong>31 USD</strong></p>
 </li>
.
.
.
</ul>

Вот как я пытаюсь это сделать:

<?php 
     for ($i=0; $i < sizeof($boots); $i++) {
        foreach ($boots[$i] as $key => $value) {
            echo '
                <li>
                    <div class="image">
                        <img src="$value" alt="" width="180" />
                    </div>
                    <p>
                        $key: <span>$value</span><br />
                        $key : <span>$value</span><br />
                        $key: <a href="">$value</a>
                    </p>
                    <p class="price">$key: <strong>$value USD</strong></p>
                </li>';
        } 
    }
?>

Как понимаете, получается фигня

введите сюда описание изображения

Как сделать чтобы получалось так?

введите сюда описание изображения

2
  • Заменить одинарные кавычки на двойные и наоборот.
    – entithat
    Commented 14 окт. 2018 в 14:00
  • Совет шикарный только не рабочий Commented 14 окт. 2018 в 14:03

3 ответа 3

2

Для генерации HTML удобно использовать альтернативный синтаксис PHP.

<ul>
    <?php foreach( $boots as $boot ): ?>
        <li>
            <div class='image'>
                <img src="<?= $boot['I'] ?>" alt="" width="180" />
            </div>
            <p>
                Item Number : <span><?= $boot['Item Number'] ?></span><br />
                Size List : <span><?= $boot['Size List'] ?></span><br />
                Brand Name : <a href=""><?= $boot['Brand Name'] ?></a><br />
            </p>
            <p class="price">Wholesale Price: <strong><?= $boot['Wholesale Price:'] ?> USD</strong></p>
        </li>
    <?php endforeach; ?>
</ul>
3
  • Спасибо! все работает! Commented 14 окт. 2018 в 14:37
  • Как тогда ограничить вывод элементов. Допустим, если мне нужно вывести только 8 Commented 14 окт. 2018 в 14:38
  • @Александр например использовать не foreach, а for. Commented 14 окт. 2018 в 15:26
0
<?php 
  foreach ($boots $value) 
  {
    echo '
      <li>
        <div class="image">
          <img src="'.$value['I'].'" alt="" width="180" />
        </div>
        <p>
          Item Number : <span>'.$value['Item Number'].'</span><br />
          Size List : <span>'.$value['Size List'].'</span><br />
          Brand Name : <a href="">'.$value['Brand Name'].'</a>
        </p>
        <p class="price">Wholesale Price : <strong>'.$value['Wholesale Price'].' USD</strong></p>
      </li>';
  } 
}
?>
-2

Если так, то

echo '
                <li>
                    <div class="image">
                        <img src="' . $value .'" alt="" width="180" />
                    </div>
                    <p>
                       ' . $key .': <span>' . $value . '</span><br />
                        ' . $key .': <span>' . $value . '</span><br />
                        ' . $key .': <a href="">' . $value . '</a>
                    </p>
                    <p class="price">' . $key . ': <strong>' . $value .' USD</strong></p>
                </li>';
2
  • Почему никто не смотрит на пример входных данных? это не сработает.... Commented 14 окт. 2018 в 14:17
  • Ну, невнимательность она такая, извиняюсь. Commented 14 окт. 2018 в 14:21

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.