Muy novato aquí, ¡así que tengan paciencia conmigo!

Estoy tratando de mostrar una descripción de un objeto, pero quiero que javascript recupere otro valor (que puede ser de "1 a 100") del objeto y establezca el color de fondo de acuerdo con su valor. Si configuro el texto para que tenga este valor, todo funciona bien, pero realmente quiero ocultar este "1 a 100" y mostrar la descripción en th: texto mientras obtengo el javascript para recuperar el "1 a 100" hacer su cosa.

Aquí hay un fragmento del html

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

Aquí está el 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+ ")"); } });

Como digo, si configuro el th:text para que sea ${item.getValue()} , todo está bien.

Sospecho que es algo alrededor de var colorTDs = $('.valueTD') pero no puedo resolverlo por mi vida.