Как изменить цвет фона td в зависимости от значения в таблице с помощью JavaScript/jQuery?

Question

Я вставляю динамически добавляемые данные в таблицу продуктов. Есть несколько столбцов td. Теперь я хочу изменить цвет фона в зависимости от доступного продукта с помощью JavaScript/jQuery.

добавляющих данных в таблицу, как это:

function getProductData(name, code, rate, available) { 
    $('#test tr:last').after("<tr><td><input value='" + name + "'></td><td><input value='" + Code + "'></td><td><input value='" + rate + "'></td><td><input id='available_" + id + "' value='" + available + "' ></td></tr>"); 
} 

Вот мой стол:

<tbody id="test"> 
    <tr> 
     <td></td> 
    </tr> 
</tbody> 

Таблица показывает все данные отлично. Теперь мне нужно изменить цвет фона для доступного столбца в зависимости от их значений: например: if available > 0 then green color < 0 then red color.

Прошу вас, пожалуйста. Помогает получить высокую оценку. Заранее спасибо.

Answer 1

Try,

$('#test [id^="available_"]').each(function(){ 

    var closestTd = $(this).closest('td'); 
    var valueCache = parseInt($(this).val()); 

    if(valueCache > 0) { 
     closestTd .addClass('positive'); 
    } 
    else if(valueCache < 0) { 
     closestTd.addClass('negative'); 
    } 
    else { 
     //Apply any color as per your wish for value = 0; 
    } 

}); 

и определить правила CSS для этого класса,

.positive{ background-color : green; } 
.negative{ background-color : red; }