Процентное вычисление Javascript для ширины бара

Мне нужно вычислить процент текущих значений, чтобы прикрепить его к ширине баров: 

<div class="bar"><span class="bar-inside" data-value="120"></span></div>
<div class="bar"><span class="bar-inside" data-value="1320"></span></div>
<div class="bar"><span class="bar-inside" data-value="670"></span></div>

Мне нужно найти максимальное значение (в данном случае это будет 1320), которое будет 100% и в зависимости от этого вычислить ширину других баров в процентах.

Спасибо!

4 3
javascript jquery percentage

4 ответа:

var max = 0;
$('.bar').each(function() {
    max = Math.max(max, $('.bar-inside', this).data('value'));
})
.css('width', function() {
    return ($('.bar-inside', this).data('value') * 100 / max) + '%';
});

Http://jsfiddle.net/8nmhY/

3

Используйте функцию map, а затем Math.max.

var values = $.map($("span.bar-inside"), function(el, index) { return parseInt($(el).data('value')); });
var max = Math.max.apply(null, values);

Выше выведет 1320 ожидаемый результат.

1

Это должно сделать: (скрипка) 

var max = 0; 

$('.bar-inside').each(function(){ max = Math.max(max, $(this).data("value")); });
1
var max = -Infinity;

var maxEle = $(".bar").each(function() {
    if (+this.attr('data-value') > max) +this.attr('data-value', max) ;
}).filter(function() {
    return this.attr('data-value') == max;
});


if (maxEle.length > 1) maxEle = maxEle.eq(Math.floor(Math.random() * maxEle.length));
0