오름차순 또는 내림차순으로 표시 할 특정 순서로 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> 

는 할 원하는 위에서 1,2,3,4,5 DIV 출력 등

오름차순 제가 있다 (div의 데이터)을 주문-ID이 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>` 

를 따를 때이 하나를 사용할 수 있습니다 0

하지만이 작업은 order-id = 0이 아닌 완벽한 작업이 아닙니다.

누구나 이것에 대한 아이디어가 있습니다. 또는 다른 방법. 이것은 내 설정대로 배열에서 이미 정의한 순서대로 모든 div를 표시하고 표시하는 나의 방법입니다.

Answer 1

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

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