Javascript 通过动态值更改CSS

如果超过动态值，谁可以更改表中列的背景色

这些值由Nodered更新。 但是我找不到适合它的javascript方法

<table>
  <tr>
    <th class="header" colspan="2">HEADER</th>
  </tr>
  <tr>
    <td class="column">{{msg.payload}}</td>
  </tr>
</table>

<script>

    $(".column").change(function(){
        if ({{msg.payload}} >= 6) {
             $(this).css("background-color", "#D6D6FF");
        } else {
            $(this).css("background-color", "#D6D600");
        }
    });

</script>

标题
{{msg.payload}
$（“.column”）.change（函数（）{
如果（{msg.payload}}>=6）{
$（this.css（“背景色”，“#d6ff”）；
}否则{
$（this.css（“背景色”，“#d600”）；
}
});

节点红流：

[{"id":"f98663ed.8064d","type":"ui_template","z":"475761f8.ba0f9","group":"c3b3b73d.7f9448","name":"","order":0,"width":"6","height":"6","format":"<style>\n    {{msg.style}}\n</style>\n\n<table>\n  <tr>\n    <th class=\"header\" colspan=\"2\">HEADER</th>\n  </tr>\n  \n  <tr>\n    <td class=\"column\">{{msg.payload}}</td>\n  </tr>\n  \n</table>\n\n<script>\n\n    $(\".column\").change(function(){\n        if ({{msg.payload}} >= 6) {\n             $(this).css(\"background-color\", \"#D6D6FF\");\n        } else {\n            $(this).css(\"background-color\", \"#D6D600\");\n        }\n    });\n\n</script>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":1280,"y":300,"wires":[[]]},{"id":"9ef07a1f.b3ce98","type":"template","z":"475761f8.ba0f9","name":"css","field":"style","fieldType":"msg","format":"css","syntax":"mustache","template":"table  {\n    border: 0px;\n}\n\nth, td {\n    border: 1px solid black;\n    padding: 5px;\n}\n\n.header {\n    background-color: #333;\n    text-align: left;\n    color: white;\n}\n\n\n.column {\n    background-color: #BBB;\n    text-align: center;\n}\n\n\n","output":"str","x":1107.5,"y":300,"wires":[["f98663ed.8064d"]]},{"id":"2ca2f8e8.c43b38","type":"inject","z":"475761f8.ba0f9","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":770,"y":300,"wires":[["4288f575.a1c85c"]]},{"id":"4288f575.a1c85c","type":"random","z":"475761f8.ba0f9","name":"","low":"1","high":"10","inte":"true","property":"payload","x":959,"y":301,"wires":[["9ef07a1f.b3ce98"]]},{"id":"c3b3b73d.7f9448","type":"ui_group","z":"","name":"Teste","tab":"22ee7364.ee20bc","disp":false,"width":"6","collapse":false},{"id":"22ee7364.ee20bc","type":"ui_tab","z":"","name":"LAB","icon":"dashboard"}]

[{“id”：“f98663ed.8064d”，“type”：“ui\u模板”，“z”：“475761f8.ba0f9”，“group”：“c3b3b73d.7f9448”，“name”：“order”：0，“width”：“6”，“height”：“6”，“format”：“\n{msg.style}\n\n\n\n\n\n头\n\n\n\n\n{msg.payload}\n\n\n\n\n\n{背景色\“，\”D6D6FF \“；\n}其他{\n$（此）.css（\”背景色\“，\”D6D600\”；\n}\n\n“，”storeOutMessages“：true，“fwdMessages”：true，“templateScope:”本地“，”x“：1280，“y:”300，“电线“：[[]]}，{”id:“9ef07a1f.b3ce98”，“type:”模板“，”z:“475761f8.ba0f9”，“name:”css“，”字段“：”样式“，”字段“，”msg:”字段“，”字段“，”类型“，”，“格式”：“css”，“语法”：“mustache”，“template”：“table{\n border:0px；\n}\n\n，td{\n border:1px纯黑；\n padding:5px；\n}\n\n\n.header{\n背景色：#333；\n文本对齐：左；\n颜色：白色；\n}\n}\n\n\n\n\n\n列{\n背景色：#BBB；\n文本对齐：中心；\n}\n}\n\n\n\n\n\n\n\n\n，“输出”：“str 1107.5”，“x”；“y”：“y”：[[“f98663ed.8064d”]}，{“id”：“2ca2f8e8.c43b38”，“类型”：“注入”，“z”：“475761f8.ba0f9”，“名称”：“主题”：“有效载荷”：“有效载荷”：“payloadType”：“日期”，“重复”：“crontab”：“一次”：true，“onceDelay”：0.1，“x”：770，“y”：300，“电线”：[[“4288F5775.a1c85c”]}，{“id”：“4288F5775.a1c85c”，“类型”：“随机”，“z”：“475761f8 name.BA0F”：“高”，“inte 10”：属性“：”有效载荷“，”x“：959“，”y“：301“，”导线“：[[”9ef07a1f.b3ce98“]，”id“：”c3b3b73d.7f9448“，”类型“：”ui_组“，”z“：”名称“：”Teste“，”选项卡“：”22ee7364.ee20bc“，”disp“，”假“，”宽度“：”6“，”折叠“：”假“，”id“：”22ee7364.ee20bc“，”类型“：”ui_选项卡“，”z“，”名称“：”仪表板“：”实验室“，”图标“：”
您的
{{msg.payload}
不在
谢谢。这是一个很好的提示。我找到了这个解决方案

<table>
  <tr>
    <th class="header" colspan="2">HEADER</th>
  </tr>
  <tr>
    <td class="column" ng-style="{backgroundColor: (msg.payload <= 6) ? 'green' : 'red'}">{{msg.payload}}</td>
  </tr>
</table>


标题
{{msg.payload}