Как отобразить элементы списка в случайном порядке?

Question

[L1nw0od]

На сайте есть 30 блоков, все они одинаковые.
Как сделать так, чтобы при открытии (загрузке страницы) элементы списка отображались в случайном порядке?

<ul id="da-thumbs">
    <li>
        <a href="/pages/TESt1">
            <img src="/img//1m.jpg">
            <div><span> <i class="fa fa-heart icon__item--like" aria-hidden="true"></i></span></div>
        </a>
    </li>
    <li>
        <a href="/pages/TESt1">
            <img src="/img//1m.jpg">
            <div><span> <i class="fa fa-heart icon__item--like" aria-hidden="true"></i></span></div>
        </a>
    </li>
    <li>
        <a href="/pages/TESt1">
            <img src="/img//1m.jpg">
            <div><span> <i class="fa fa-heart icon__item--like" aria-hidden="true"></i></span></div>
        </a>
    </li>
    <li>
        <a href="/pages/TESt1">
            <img src="/img//1m.jpg">
            <div><span> <i class="fa fa-heart icon__item--like" aria-hidden="true"></i></span></div>
        </a>
    </li>
</ul>

Comments

[Rustam Bainazarov]

Вот так, например:
www.javascriptkit.com/javatutors/randomorder.shtml

[mahmudchon]

Вы эти элементы изначально отдаете с сервера же, а не подгружаете, например, AJAX запросами с клиента? Если так, то мб лучше сортировку их на стороне сервера организовать? Иначе вы выводите html код. Потом его собираете, сортируете и заменяете?

[L1nw0od]

mahmudchon, Да именно так. (Сейчас это делается для теста - если проект пойдет - будем делать на стороне сервера)