jquery - Jquery在点击时按值升序/降序对div进行排序

Question

所以我有一些带有文本值的 div，还有一些带有数值的 div，它们的排序如下：

<div id="Test1">
        <div class="likelyOddHeader">
            <div class="likelyOddA">Test1</div>
            <div class="likelyOddB"><img src="img here"/></div>
            <div class="timeZone">West</div>
        </div>
        <div class="hidden">
                <div class="weight">127</div>
                <div class="values">Value5: Value here. <br />
                                                DbValue5: 1234, DbValue6, 123456</div>
                <div class="overrides">Overrides: 0</div>
        </div>
    </div>
    <div id="Test2">
        <div class="likelyEvenHeader">
            <div class="likelyEvenA">Test2</div>
                            <div class="img here"/></div>
            <div class="timeZone">East</div>
        </div>
        <div class="hidden">
                <div class="weight">124</div>
                <div class="values">  Value5: Value here. <br />
                                    DbValue5: 1234, DbValue6, 123456</div>
                <div class="overrides">Overrides: 0</div>
        </div>
    </div>

我希望按重量、名称和时区名称进行排序。有人可以帮我解决这个问题吗？