Javascript 不使用表对列进行排序

我一直在尝试订购（或者ASC和DESC）一个事务列表。我的代码是特别的，因为我选择了一些sql查询并将它们显示在一个列表中，在这个列表中，对于每个事务，我们有一些可以显示在折叠行中的细节。列表中只有折叠的结果

这是我的呈现HTML代码（我简化了，不会在这里放我的PHP/loops/sql查询）

COM1524564
01/05/2020
60€
完成

起动器
www.domaine.com
30欧元
一年


无限制
www.domaine.com
30欧元
一年


CMS
www.domaine.com
30欧元
一年

我尝试从本页改编JS代码： 但是我不能仅仅通过点击每列顶部的按钮来对结果进行排序

有什么线索吗

问候,

盖坦

<div class="headmenu">
            <span><a href="?sort=refcom">commID</a></span>
            <span><a href="?sort=date">date</a></span>
            <span><a href="?sort=amount">amount</a></span>
            <span><a href="?sort=status">status</a></span>
</div>
<div class="order_box">
        <div class="order_collapse">
            <span>COM1524564</span>
            <span>01/05/2020</span>
            <span>60€</span>
            <span>finished</span>
            <div class="order_download tooltip-bottom" data-tooltip="download invoice">
                <i data-feather="file-text" stroke-width="1.5"></i>
            </div>
            <div class="order_more tooltip-bottom" data-tooltip="see more">
                <i data-feather="chevron-down" stroke-width="1.5"></i>
            </div>
            <div class="order_list">
                <ul>
                    <li>Starter</li>
                    <li>www.domaine.com</li>
                    <li>30€</li>
                    <li>1 year</li>
                </ul>
                <ul>
                    <li>NO LIMIT</li>
                    <li>www.domaine.com</li>
                    <li>30€</li>
                    <li>1 year</li>
                </ul>
                <ul>
                    <li>CMS</li>
                    <li>www.domaine.com</li>
                    <li>30€</li>
                    <li>1 year</li>
                </ul>
            </div>
        </div>
    </div>