Я хочу изменить цвет фона каждой ячейки на основе значения. Но я не могу заставить его работатьИзменение цвета фона на основе значения ячейки
http://jsfiddle.net/qvp0n78w/2/
$(document).ready(function() {
var cell = $('table.maandrendementen td');
cell.each(function() {
var cell_value = $(this).html();
// Positief
if ((cell_value >= 0) && (cell_value <= 0,3)) {
$(this).css({ 'background' : '#7FFF95' });
}
else if ((cell_value >= 0,31) && (cell_value <= 0,5)) {
$(this).css({ 'background' : '#66FF7C' });
}
else if ((cell_value >= 0,51) && (cell_value <= 0,7)) {
$(this).css({'background' : '#4DFF63'});
}
else if ((cell_value >= 0,71) && (cell_value <= 1)) {
$(this).css({'background' : '#33F749'});
}
else if ((cell_value >= 1,01) && (cell_value <= 1,5)) {
$(this).css({'background' : '#1ADE30'});
}
else if (cell_value >= 1,5) {
$(this).css({'background' : '#00CC66'});
}
// Negatief
else if ((cell_value >= -0,01) && (cell_value <= -0,2)) {
$(this).css({'background' : '#F6ADAC'});
}
else if ((cell_value >= -0,31) && (cell_value <= -0,5)) {
$(this).css({'background' : '#F18483'});
}
else if ((cell_value >= 0,51) && (cell_value <= -0,7)) {
$(this).css({'background' : '#EF706E'});
}
else if ((cell_value >= -0,71) && (cell_value <= -1)) {
$(this).css({'background' : '#ED5B5A'});
}
else if ((cell_value >= -1,01) && (cell_value <= -1,5)) {
$(this).css({'background' : '#EB4745'});
}
else if (cell_value >= -1,5) {
$(this).css({'background' : '#E93331'});
}
});
});
Любая помощь будет принята с благодарностью
'0,3' не считается числовое значение в JS. Вам нужно заменить ',' на '.' В HTML-ячейке ячейки, а затем использовать 'parseFloat', чтобы преобразовать его в действительное числовое значение, а затем выполнить'> = '<=' операции на нем –