jquery - 遍历 slider 更改时发生的所有类

Question

我试图在 slider 移动时更改 div 文本的颜色。我让它工作，以便第一个数字会改变。但是，我需要在许多 div 上发生这种情况。我目前正在尝试使用 .each() 但没有得到我想要的结果。第二个 div 以及其余的 div，只需更改为第一个 div 的颜色即可。这是JSFiddle这向你们展示了我到目前为止所拥有的。如果 div 中的数字大于 slider 值，则应为“红色”；如果小于 slider 值，则应为“绿色”。它们似乎根据第一个 div 的值而变化。

function updateSliderValue(newValue) {   
    $('#rangeValue1').val(newValue);
    var str = $('#someid').text()
    var num = parseFloat(str, 10);

    $('.value').each(function(){
        if (newValue > num) {
            $('.wrapped .value').removeClass('bully').addClass('normal');
        } else {
            $('.wrapped .value').removeClass('normal').addClass('bully');
        }
    });
}

这是我用来尝试正确更改 div 颜色的 JQuery 代码。

非常感谢!基里

Answer 1

使用 $(this) 并在 $('.value').each(); 中定义 num;

$('.value').each(function(){
    var str = $(this).text();
    var num = parseFloat(str, 10);
    if (newValue >= num) {
        $(this).removeClass('bully').addClass('normal');
    } else {
        $(this).removeClass('normal').addClass('bully');
    }
});

这是经过编辑的版本:http://jsfiddle.net/61vd3u79/