计算最大值并将背景设置为相等的父级

Question

我现在尝试:

1. 从文本DONE获取号码
2. 将其设置为等于this值DONE
3. 获取的值获得最大的DONE

4.并将最大值parent背景设置为例如background: #000;

所以我的问题是我将如何获得之前计算出的MAX值的父级？

CODEPEN DEMO

$('.views').each(function(){
    valText = $(this).text();
    $(this).attr('value', valText);
});

var numbers = $(".views").map(function(){
    return parseFloat(this.getAttribute('value')) || -Infinity;
});

var calculate = Math.max.apply(Math, numbers);
$("#max").html(calculate);

<div><div class="views" >10</div></div>
<div><div class="views" >1</div></div>
<div><div class="views" >7</div></div>
<div><div class="views" >5</div></div>
<div><div class="views" >3</div></div>

最大值是:

<p>Max value is: <span id="max"></span></p>

Answer 1

有点棘手,将集合减少到内部数量最多的集合

var el = $('.views').toArray().reduce(function(a,b) {
    return (+$(a).text()) > (+$(b).text()) ? $(a) : $(b);
});

小提琴

简单来说,要获得父母

el.parent();