Блог

Я здесь очень новичок, так что потерпи меня!

Я пытаюсь отобразить описание объекта, но хочу, чтобы javascript извлек другое значение (которое может быть от «1 до 100») из объекта и установил цвет фона в соответствии с его значением. Если я задам тексту это значение, все будет нормально, но я действительно хочу скрыть это «от 1 до 100» и вместо этого отобразить описание в th:text, все еще получая javascript для извлечения «от 1 до 100», сделайте свое дело.

Вот фрагмент html-кода

 <div th:each="item : ${myObject.getItems()}">
    <td style="font-size: 10px;" class="valueTD" th:text="${item.getDescription()}" th:value="${item.getValue()}"></td>
</div>
 

Вот javascript

 var colorTDs = $('.valueTD');
$.each(colorTDs, function (index, colorTD) {
    var value = $(colorTD).html();
    if (!isNaN(value)) {
        var color = GreenYellowRed(value);
        $(colorTD).css('background-color', "rgb("   color  ")");
    }
});
 

Как я уже сказал, если я установлю текст th: ${item.getValue()} , все будет хорошо.

Я подозреваю, что это что-то в этом var colorTDs = $('.valueTD') роде, но ни за что на свете не могу разобраться в этом.