javascript - 检索搜索结果中两个最大的评分

Question

这是我的新问题:

在搜索结果页面上，我们显示了 12 种产品。所有评级高于 3.7 的产品都有评级星星图像及其在范围内作为字符串的值:

<div class="searchResult">
<img src="#"/>
<span class="ratings">4.2</span>out of 5
</div>

产品的呈现方式没有任何顺序。

我需要的是让所有评级大于 4.5 的产品，并对第一和第二个大的产品应用背景颜色样式。

如何才能做到这一点？我设法找到了前两个评级> 4.5的产品，但不是大的。

例如:5 个产品的评级为 gt 4.5:4.6 ,4.5 ,5.0,4.7、4.9在这种情况下，我需要通过 CSS 将背景颜色仅应用于那些拥有 5.0 和 4.9 的人，而不是第一个和第二个。

好吧，这是棘手的部分:我只能使用 Javascript 和 jQuery 来解决这个问题。 CSS部分没问题，没问题。

我希望我说得有道理……有任何问题都可以问我，我会尽快回复你。 :)

非常感谢!! :)

Answer 1

Filter然后sort :

$(".searchResult").filter(function() { //Filter down to results greater than 4.5

    return parseFloat($(this).find(".ratings").text()) > 4.5;

}).sort(function (a, b){ //Sort the remaining search results

    return parseFloat($(b).find(".ratings").text()) - parseFloat($(a).find(".ratings").text())  ;

}).filter(":lt(2)").css("background-color","red");  //Set the style of the first two elements

JSFiddle