Javascript 突出显示<;td>;列,具体取决于值和行。更改现有jQuery脚本

Javascript 突出显示<;td>;列,具体取决于值和行。更改现有jQuery脚本,javascript,jquery,html,bootstrap-4,Javascript,Jquery,Html,Bootstrap 4,将根据选定的下拉元素填充的表。有一个HTML代码(我没有插入带有下拉列表和图像的行) 最高时速 450 487 450 600 最高时速 580 490 543 742 攀登 52 34 23 43 考虑以下几点 $(函数(){ 函数getNum(s){ var n=假; 如果(s.长度){ n=parseInt(s,10); } 返回n; } 函数getRowData(t){ var r=[], N $(“td”,t)。每个(功能(i,el){ n=getNum($(el).text()

将根据选定的下拉元素填充的表。有一个HTML代码(我没有插入带有下拉列表和图像的行)


最高时速
450
487
450
600
最高时速
580
490
543
742
攀登
52
34
23
43

考虑以下几点

$(函数(){
函数getNum(s){
var n=假;
如果(s.长度){
n=parseInt(s,10);
}
返回n;
}
函数getRowData(t){
var r=[],
N
$(“td”,t)。每个(功能(i,el){
n=getNum($(el).text());
如果(i>0&&n){
r、 推(n);
}
});
返回r;
}
$(“#刨床主体tr”)。每个(功能(ind,行){
var值=getRowData($(行));
var min=Math.min.apply(数学,值);
var max=Math.max.apply(数学,值);
控制台日志(值、最小值、最大值);
如果($(“td”,行).eq(0).text()=“爬升”){
$(行).addClass(“低”);
}否则{
$(行).addClass(“高”);
}
$(“td”,行)。每个(函数(j,单元格){
if($(单元格).text().indexOf(最小值)=0&$(“.min”,行).length<1){
$(this.addClass(“min”);
}
if($(单元格).text().indexOf(最大值)=0&$(“.max”,行).length<1){
$(单元格).addClass(“最大”);
}
});
});
});
.high.min{
背景色:红色;
}
.高,最高{
背景颜色:绿色;
}
.low.min{
背景颜色:绿色;
}
.low.max{
背景色:红色;
}

最高时速
时速450公里
487公里/小时
时速450公里
时速600公里
最高时速
580公里/小时
490公里/小时
543公里/小时
742公里/小时
攀登
52公里/小时
34公里/小时
23公里/小时

看起来像一个班级项目。到目前为止你试过什么?什么不起作用?有错误吗?我用ASP.Net编写后端,但前端有问题。我的代码添加到上面。它显示了我尝试了什么,以及我想要解决的问题。我只是在学习JQueryTanks。它解决了问题2。但如果我有空的,所有行不突出显示(#3期)谢谢。但我如何突出显示规则“低为优”的特定行?一些数据,例如,“爬升”行如果具有较低的value@BogdanIlkiv这有点模棱两可。什么是“低”?是否要用更积极的颜色(如绿色)突出显示“爬升”中较低的值,以表示首选较低的颜色?效果很好,但如果我有一个相同的值,我就想错了,当我选择速度值相似的类似平面时,只突出显示其中一个。不是两个