javascript - div内の複数のデータに基づいてdivをソートする

Question

ベストマッチ機能を実装しようとしています。基本的に課題に取り組んでおり、jQueryやJSが苦手です。この機能は、ユーザーが検索機能を使用してプロパティを検索し、検索結果が表示されるようなものです。検索結果の上にドロップダウンがあり、距離順、最適一致順などの並べ替えオプションがあります。私はすでに実装しています他の並べ替えオプションの機能とは異なり、ベスト マッチのみが残ります。ベストマッチを実装するには、表示される各レコードのすべてのフィールドを一致させ、それに従って結果をソートする必要があるため、この問題に対処する方法がわかりません。主な問題は、jQuery を使用して各レコードの複数のフィールドを比較する方法です。

表示される結果の形式は次のとおりです。

<div class="container">
    <div id="ptype">property type</div>
    <div id="ttype">sale</div>
    <div id="price">$20000</div>
    <div id="distance">24 Miles</div>
</div>

プロパティごとに複数の div があります。ここで、これらの結果を、価格、距離などの指定された各フィールドを比較する最良の一致に従って並べ替えたいと思います..

この問題にアプローチする方法を教えてください。