Jquery 如何检查td:n子项(3)是否大于或等于某个百分比?

Jquery 如何检查td:n子项(3)是否大于或等于某个百分比?,jquery,node.js,express,handlebars.js,Jquery,Node.js,Express,Handlebars.js,我目前正在写一个网页来收集所有这些数据。此数据中有3个单独的表。在每个表中,我想检查第三个td中的TR是否大于或等于某个百分比 如何检查{{opendiff}}(已经是一个百分比)是否大于或等于18%(这个百分比可以硬编码)。该行应类似于: goal | actual | % diff 100% | 43% | 57% 如果差异百分比低于50%,我希望它使用jquery来toggleClass(),这样我可以使行变为红色(我已经为这些TR行创建了类,但我不知道如何执行检查以查看是否大于等)

我目前正在写一个网页来收集所有这些数据。此数据中有3个单独的表。在每个表中,我想检查第三个
td
中的
TR
是否大于或等于某个百分比

如何检查
{{opendiff}}
(已经是一个百分比)是否大于或等于18%(这个百分比可以硬编码)。该行应类似于:

goal | actual | % diff

100%  | 43% | 57%
如果差异百分比低于50%,我希望它使用jquery来
toggleClass()
,这样我可以使行变为红色(我已经为这些
TR
行创建了类,但我不知道如何执行检查以查看是否大于等)


拨号器
18 %     
{{opentransfer}}
{{opendiff}}

我找到了jquery函数jquery
toggleClass()
方法。我只是不知道如何检查TD是否大于a%,以使jquery
toggleClass()

甚至不需要jquery:

const cells=Array.from(document.queryselectoral(“.opendiff”);
//填写随机值
for(单元格的常量单元格){
cell.innerHTML=(Math.round(Math.random()*1000)/10)+“%”;
}
//我将t设置为50,以使红色值更有可能出现
常量最大百分比=50;
//对于每个单元格,如上所述
for(单元格的常量单元格){

cell.classList.toggle(“红色”),parseFloat(cell.textContent)甚至不需要jQuery:

const cells=Array.from(document.queryselectoral(“.opendiff”);
//填写随机值
for(单元格的常量单元格){
cell.innerHTML=(Math.round(Math.random()*1000)/10)+“%”;
}
//我将t设置为50,以使红色值更有可能出现
常量最大百分比=50;
//对于每个单元格,如上所述
for(单元格的常量单元格){

cell.classList.toggle(“red”,parseFloat(cell.textContent)Ty我现在要试试这个,你把功能放在哪里了?比如const cells=…直接进入我的app.js对吗?是的,确保在文档准备好后运行,例如使用
$(document).ready
。显然也没有用随机值填充它的部分。我把它放在我的app.js中。它不起作用。我把它放在我的app.get路径上面。我可以把它放在HBS文件中并放置吗?我很困惑,你需要确保脚本包含在你的HTML中,并在加载页面后运行。从你的评论来看,你不确定该怎么做在网页中包含脚本。如果是这种情况,您确实需要先搜索一些HTML/javascript的基础知识。
$(document.ready(函数(){//Cell Logic const cells=Array.from(document.queryselectoral(.opendiff)));//我为红色值const maxPercentage=50设置了50;//为每个单元格设置了50;//如上为(const cell of cells){cell.classList.toggle(“红色”,parseFloat(cell.textContent)
我遗漏了什么?我现在要试试这个,你把功能放在哪里了?比如const cells=…直接进入我的app.js对吗?是的,确保在文档准备好后运行它,例如使用
$(文档).ready
。显然也没有用随机值填充它的部分。我把它放在我的app.js中。它不起作用。我把它放在我的app.get路径上面。我可以把它放在HBS文件中并放置吗?我很困惑,你需要确保脚本包含在你的HTML中,并在加载页面后运行。从你的评论来看,你不确定该怎么做在网页中包含脚本。如果是这种情况,您确实需要先搜索一些HTML/javascript的基础知识。
$(document.ready(函数(){//Cell Logic const cells=Array.from(document.queryselectoral(.opendiff)));//我为红色值const maxPercentage=50设置了50;//为每个单元格设置了50;//如上为(const cell of cells){cell.classList.toggle(“红色”,parseFloat(cell.textContent)
我遗漏了什么?
<tr>
    <td class="hide-on-large-only">Dialer</td>
    <td>18 %     </td>
    <td>{{opentransfer}}</td>
    <td>{{opendiff}}</td>
    <td class="hide-on-med-and-down"></td>
</tr>