对具有相同类但内容不同的元素进行排序

Question

假设这个结构：

<div id="container">
    <div class="sortable">
        <div class="box">
        <h1>title1</h1>
        <h3 class="price">5</h3>
        </div>
    </div>

    <div class="sortable">
        <div class="box">
        <h1>title2</h1>
        <h3 class="price">1</h3>
        </div>
    </div>

    <div class="sortable">
        <div class="box">
        <h1>title3</h1>
        <h3 class="price">3</h3>
        </div>
    </div>
</div>

如何使用类.sortable对元素进行排序，以根据div中的类.price进行升序/降序显示？单击按钮时会发生这种情况。

我知道使用数组我可以使用.sort方法，但因为这不是数组，所以我真的不知道如何处理它。