Javascript 根据div中的多个数据对div进行排序

我正在尝试实现最佳匹配功能。基本上我在做作业，我不擅长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>

属性类型
销售
$20000
24英里

不同的属性将有多个div。现在我想根据最佳匹配对这些结果进行排序，比较每个给定字段，如价格、距离等

---

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

对于ptype、ttype、price和distance，您应该使用

class

而不是

id

。id是唯一的标识符，不能有多个元素具有相同的id。@Thomash:my bad。我会的。谢谢你纠正我。我想你必须在每个容器中循环，根据每个容器的数据和搜索词给每个容器一个优先级，然后按优先级排序。