时间戳

首页 > 解决方案 > Thymeleaf 和 Javascript。将值检索到 javascript，但在 HTML 中显示文本

javascript - Thymeleaf 和 Javascript。将值检索到 javascript，但在 HTML 中显示文本

问题描述

这里非常新手，所以请多多包涵！

我正在尝试显示来自对象的描述，但希望 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:text 设置为${item.getValue()}一切都很好。

我怀疑这是周围的东西，var colorTDs = $('.valueTD')但我一生都无法解决。

标签： javascriptthymeleaf

解决方案

推荐阅读