基于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。现在我想根据比较每个给定字段（如价格，距离等）的最佳匹配对这些结果进行排序。

请求指导我如何解决这个问题。