Calculate max value and set background to equal parent

Question

im trying now to:

1. Get number from text DONE
2. Set it to equal for this value DONE
3. Get a value a get max DONE

4. and set the max value parent background to for example background: #000;

So my question is how i gonna get a parent of the MAX value what was calculated before?

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>

Max value is:

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

Answer 1

Being a little tricky, reducing the collection to the one with the highest number inside

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

FIDDLE

To get the parent, simply

el.parent();