如何按特定顺序设置div，如升序或降序，以便按顺序显示

Question

我有五个这样的div如下所示。

 <div id="main">     
    <div order-id="5">5</div>   
    <div order-id="3">3</div>   
    <div order-id="2">2</div>   
    <div order-id="1">1</div>   
    <div order-id="4">4</div> 
 </div>

我想要做的是以升序显示此div与order-id

像上面div的输出一样1,2,3,4,5（div的数据） 我尝试将一个数组作为订单

$elements =array('1','2','3','4','5');

我已按照以下方式使用此

<div id="main">

    <div order-id="<?php echo $elements[0]?>">5</div>   
    <div order-id="<?php echo $elements[1]?>">3</div>   
    <div order-id="<?php echo $elements[2]?>">2</div>   
    <div order-id="<?php echo $elements[3]?>">1</div>   
    <div order-id="<?php echo $elements[4]?>">4</div> 
 </div>`

但是这个并不完美，因为order-id = 0不需要。

任何人都对这个有所了解。或任何其他方法。这是我的方法，并按照我已经在数组中定义的顺序显示所有div作为我的设置

Answer 1

$elements = array("1","2","3","4","5");

foreach ($elements as $key => $value) {
    echo "<div order-id='".$value."'></div>";
}