drbouzlxb92333332 2015-01-15 22:38
浏览 59

将数组元素拆分为两列

Please help me below PHP code:

I have array below:

$array = array(
    array(
        "tile"=> "title 1",
        "description" => "description 1"
    ),
    array(
        "tile" => "title 2",
        "description" => "description 2"
    ),
    array(
        "tile" => "title 3",
        "description" => "description 3"
    )
);

And I want output HTML as below:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <!-- Latest compiled and minified CSS & JS -->
  <link rel="stylesheet" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="//code.jquery.com/jquery.js"></script>
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-lg-4 class_1">
            <div class="title">
                title 1
            </div>
            <div class="title">
                title 2
            </div>
            <div class="title">
                title 3
            </div>                        
        </div>
        <div class="col-lg-8 class_2">
            <div class="description">
                description 1    
            </div>
            <div class="description">
                description 2    
            </div>
             <div class="description">
                description 3    
            </div>                       
        </div>
    </div>
</div>     
</body>
</html>

How to use foreach to loop and split title and description in two colum (title 1, title 2, title 3 in only one class title, and description 1, description 2, description 3 in only one class description), output as below:

title 1  |  description 1
-------------------------------
title 2  |  description 2
-------------------------------
title 3  |  description 3
-------------------------------

And if description 1 or description 2 is empty, I want output as:

title 1  |  description 2
-------------------------------
title 2  |  description 3
-------------------------------
title 3  |
-------------------------------

( "Description 2" can fill into position of "Description 1" if "Description 1" is empty )

or

title 1  |  description 1
-------------------------------
title 2  |  description 3
-------------------------------
title 3  |
-------------------------------

And finally, how to archieved this:

<div class="container">
    <div class="row">
        <div class="col-lg-4 class_1">
            <div class="title">
                title 1
            </div>
            <div class="title">
                title 2
            </div>
            <div class="title">
                title 3
            </div>                        
        </div>
        <div class="col-lg-8 class_2">
            <div class="description">
                description 1    
            </div>
            <div class="description">
                description 2    
            </div>
             <div class="description">
                description 3    
            </div>                       
        </div>
    </div>
</div>

Thanks for your help. Thank you so much.

  • 写回答

1条回答 默认 最新

  • douhui3760 2015-01-16 00:20
    关注

    Split the arrays up before looping.

    <?php
   $titles = array();
   $description = array();
   foreach ($array as $value) {
       if ($value['tile']) {
          $titles[] = $value['tile'];
       }
       if ($value['description']) {
          $descriptions[] = $value['description'];
       }
   }
?>
<?php foreach ($titles as $i => $title): ?>
    <div class="row">
        <div class="col-lg-4 class_1">
           <div class="title">
              <?php echo $title ?>
           </div>
        </div>
        <div class="col-lg-8 class_2">
           <div class="description">
              <?php if (isset($descriptions[$i])): ?>
              <?php echo $descriptions[$i]; ?>   
              <?php endif; ?>  
          </div>
        </div>
    </div>
<?php endforeach; ?>
    评论

报告相同问题？

悬赏问题

  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度
  • ¥30 关于#r语言#的问题：如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测