如何使用javascript突出显示某列中具有最小值的表行

假设我在网页上有一个这样的表，其

id='table'

：

Name        Age          Money(USD)    DATE
A            19            4          2019-03-11 16:15:35
B            20            0          2019-03-11 16:16:37
C            27            3          2019-03-13 04:15:43
D            34            0          2019-03-13 04:16:57

您能帮我在MONEY列中找到第一个最小值吗？，在第1列中B为0，在不使用任何库和单击任何按钮的情况下，使用javascript突出显示B的整个表行

注：我已经四处搜索，只是运气不好，找到了问题的正确答案

谢谢

更新：我刚刚得到了一个像这样的Javascript，用于获取第一个最小值并将其打印出来，但无法用它突出显示整行

var table=document.getElementById（“表”），minVal； 对于（变量i=1；itable.rows[i].cells[2].innerHTML）{ minVal=table.rows[i].cells[2].innerHTML； } } document.getElementById（“val”）.innerHTML=“最小值=”+minVal； console.log（maxVal）；

var table=document.getElementById（“table”），minVal，minI；
对于（变量i=1；itable.rows[i].cells[2].innerHTML）{
minVal=table.rows[i].cells[2].innerHTML；
minI=i；
}
}
table.rows[i]。单元格[2]。innerHTML=''+table.rows[minI]。单元格[2]。innerHTML+''；

类似的东西。
var table=document.getElementById（“table”），minVal，minI；
var table = document.getElementById("table");
var minVal = undefined;
for(var i = 1; i < table.rows.length; i++)
{
    if(i === 1){
        minVal = table.rows[i].cells[2]; 
    }
    else if(minVal.innerHTML > table.rows[i].cells[2].innerHTML){   
        minVal = table.rows[i].cells[2];
    }
}

minVal.parentElement.style.background="yellow";

对于（变量i=1；itable.rows[i].cells[2].innerHTML）{
minVal=table.rows[i].cells[2].innerHTML；
minI=i；
}
}
table.rows[i]。单元格[2]。innerHTML=''+table.rows[minI]。单元格[2]。innerHTML+''；

类似的东西。
var table=document.getElementById（“table”）；
var table = document.getElementById("table");
var minVal = undefined;
for(var i = 1; i < table.rows.length; i++)
{
    if(i === 1){
        minVal = table.rows[i].cells[2]; 
    }
    else if(minVal.innerHTML > table.rows[i].cells[2].innerHTML){   
        minVal = table.rows[i].cells[2];
    }
}

minVal.parentElement.style.background="yellow";

var minVal=未定义；
对于（变量i=1；itable.rows[i].cells[2].innerHTML）{
minVal=table.rows[i].单元格[2]；
}
}
minVal.parentElement.style.background=“黄色”；
var table=document.getElementById（“table”）；
var minVal=未定义；
对于（变量i=1；itable.rows[i].cells[2].innerHTML）{
minVal=table.rows[i].单元格[2]；
}
}
minVal.parentElement.style.background=“黄色”；
您需要做两件事：


使用
+
循环时跟踪行号


这是密码

var table = document.getElementById("table"), minVal;
let minRow = 1;
    for(var i = 1; i < table.rows.length; i++)
    {
      // if its the first row get the value
      if(i === 1){
          minVal = +table.rows[i].cells[2].innerHTML;

      }
     // test with the other values
     else if(minVal > table.rows[i].cells[2].innerHTML){
       minVal = table.rows[i].cells[2].innerHTML;
       minRow = i; 
     }
   }

let row = table.rows[minRow];
row.style.backgroundColor = 'red';

var table=document.getElementById（“表”），minVal；
设minRow=1；
对于（变量i=1；itable.rows[i].cells[2].innerHTML）{
minVal=table.rows[i].cells[2].innerHTML；
minRow=i；
}
}
让row=table.rows[minRow]；
row.style.backgroundColor='红色'；

您需要做两件事：

• 使用

  +

• 循环时跟踪行号

这是密码

var table = document.getElementById("table"), minVal;
let minRow = 1;
    for(var i = 1; i < table.rows.length; i++)
    {
      // if its the first row get the value
      if(i === 1){
          minVal = +table.rows[i].cells[2].innerHTML;

      }
     // test with the other values
     else if(minVal > table.rows[i].cells[2].innerHTML){
       minVal = table.rows[i].cells[2].innerHTML;
       minRow = i; 
     }
   }

let row = table.rows[minRow];
row.style.backgroundColor = 'red';

var table=document.getElementById（“表”），minVal； 设minRow=1； 对于（变量i=1；itable.rows[i].cells[2].innerHTML）{ minVal=table.rows[i].cells[2].innerHTML； minRow=i； } } 让row=table.rows[minRow]； row.style.backgroundColor='红色'；

---

这只是跟踪最小行，并允许您挂起格式：

const highlightLowest=（）=>{
var rows=table.rows；
var minRow=行[0]
对于（变量i=1；i

tr.突出显示td{背景色：黄色}

A1942019-03-11 16:15:35
B20022019-03-11 16:16:37
C2732019-03-13 04:15:43
D34012019-03-1304:16:57

突出显示

这只是跟踪最小行，并允许您将格式设置挂起：

const highlightLowest=（）=>{
var rows=table.rows；
var minRow=行[0]
对于（变量i=1；i

tr.突出显示td{背景色：黄色}

A1942019-03-11 16:15:35
B20022019-03-11 16:16:37
C2732019-03-13 04:15:43
D34012019-03-1304:16:57

突出显示

在这里。函数“highlight”将要作为突出显示基础的列作为参数

//获取表的标题
headers=document.querySelectorAll（“#table tbody tr th”）
//获取表的标题
行=document.querySelectorAll（“#table tbody tr”）
//声明将所需列作为参数的函数
突出显示=（colName）=>{
设min=0；
对于（i=0；i，这里就是了。函数“highlight”将获取要作为基础的列