تفاوت عناصر لیست در نمایش و کد html

[dehghanimeh]

با سلام خدمت دوستان
بنده در کد html خود یک لیست دارم
اما می خوام با توجه به اینکه هر کدام از این عناصرلیست که اولویت اونها ممکنه تغییر کنه
فقط با دادن کلاس به این عناصر نمایش اونها هم تغییر کنه
در واقع ترتیب چیدمان عناصر در لیست به صورت کد html با نمایش اون در صفحه با توحه به یک سری پارامتر
مثل کلاس یا data بتونه متفاوت باشه
به طور مثال




<ul class="left-menu">
<li class="order-3">item 1</li>
<li class="order-2">item 2</li>
<li class="order-1">item 3</li>
<li class="order-5">item 4</li>
<li class="order-4">item 5</li>
</ul>


ولی خروجی این باشه و با تغییر کلاس این مقادیر جابجا بشن

item 3
item 2
item 1
item 5
item 4

تشکر

[دانیال دزفولی]

از پوزیشن ابسولوت استفاده کن