Как в js поменять цвет при условии?

Question

[Hellarazor]

как поменять цвет элемента, при условии, что его значение больше 250? При if value > 250 красным выделяются все значения. curVal приходит с json.
$(".value").each(function(){
if (curVal >= 250) {
$(this).css("color", "red");
}

div class="value"> 300

Comments

[Максим Тимофеев]

Все правильно, в чем вопрос? Как перебрать json?

[Hellarazor]

красным выделяются все значения. 100 же меньше чем 250. по идее он должен остаться прежним

Answer 1

[Maa-Kut]

Если я правильно понял задумку (без HTML не совсем понятно), то, наверное, как-то так:

$('.value').each(function() {
    var val = parseInt($(this).text());
    if (val >= curVal)
        $(this).css('color', 'red');
});

Comments

[Антон]

мб
var val = parseInt($(this).text());

[Maa-Kut]

Антон: смотря что там за элементы: дивы или поля какие-нибудь. Наугад же :)

[Антон]

Maa-Kut: в вопросе div

[Maa-Kut]

Антон: а, точно, не заметил.

[Maa-Kut]

Спасибо, подправил.

[Hellarazor]

https://jsbin.com/kunezepavi/edit?html,js,output вот выглядит так. у каждой группы свой лимит, если лимит превышен - цвет красный

[Maa-Kut]

Hellarazor: что-то я тут элементов .value не вижу. И значений уже три на каждый див, а не одно. Впрочем, неважно, суть-то та же: перебираем span'ы, с помощью text() достаем из них значения, сравниваем, красим при необходимости.

Answer 2

[Xbbv1]

Если данные приходят json, то вполне можно использовать библиотеку визуализации данных d3.js