foreach与html混用遍历商品

    <?php 
    
    $arr = array(
            array('name'=>'R9金 1600W前置自拍','img'=>'p1.jpg','previous'=>'¥2799.00','jump'=>'¥499.00'),
            array('name'=>'R9Plus金 大屏续航旗舰','img'=>'p2.jpg','previous'=>'¥2799.00','jump'=>'¥99.00'),
            array('name'=>'A59金 正面指纹识别','img'=>'p3.jpg','previous'=>'¥799.00','jump'=>'¥9.00'),
            array('name'=>'A37金 美颜4.0','img'=>'p4.jpg','previous'=>'¥99.00','jump'=>'¥-9.00'),
        );

  ?>

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            background-color: #EDEDED;
        }
        li{
            width: 294px;
            height: 420px;
            border:1px solid #ccc;
            background-color: #fff;
            float:left;
            list-style:none;
            text-align:center;
            padding:14px;
        }

    </style>
 </head>
 <body>
    <ul>
        <?php foreach($arr as $val):  ?>
            <li>
                <!--  <?php echo  xxxx  ?>  ==   <?= xxxx ?>    -->
                <img src="<?= $val['img']?>" alt="">
                <p><?php echo $val['name']?></p>
                <p><del><?php echo $val['previous']?></del></p>
                <b><?php echo $val['jump']?></b>
            </li>
        <?php endforeach; ?>
    </ul>
 </body>
 </html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • for遍历 forEach遍历 forEach默认有三个参数,第一个是元素,第二个是索引,第三个是数组本身。 举个...
    鸭梨山大哎阅读 1,262评论 2 3
  • 不知道从什么时候开始,for循环成为了菜鸟标配。在《javascript高级编程中》,今天主要总结几个常常在高手们...
    liwuwuzhi阅读 10,593评论 1 10
  • 1.国学课,第一年弟子规,中级笠翁对立,论语 2.体育 3.转变期的适应:适应学习与生活,从幼儿到小学生 A师生角...
    MORNINGFISH阅读 256评论 0 0
  • 众荷喧哗 而你是挨我最近 最静,最最温婉的一朵 要看,就看荷去吧 我就喜欢看你撑着一把碧油伞 从水中升起 我向池心...
    慕容兰馨阅读 530评论 0 1
  • 杨哥哥: 愿一切安好! 信寄出去两个月了,也没见你回信。因不想孩子的爸爸打扰,我已搬了几次家,也换了电话号码,却没...
    未成年老人阅读 198评论 0 3