How to find the highest data-attribute with js/jquery and append a div to it

javascript, jquery

Solution

demo

var num = $(".item").map(function() {
    return $(this).data('number');
}).get();//get all data values in an array

var highest = Math.max.apply(Math, num);//find the highest value from them
$('.item').filter(function(){
    return $(this).data('number') == highest;//return the highest div
}).append( $( "<div class='highest'></div>" ));//append to that div

Problem

Original source