使用JavaScript按min-max列值搜索HTML表格行的问题修复咨询

当前代码的错误核心是所有比较操作都是字符串类型比较，而非数值大小比较。字符串比较是按Unicode编码逐位对比的，比如"2" >= "10"的判断逻辑是先比第一位字符"2"和"1"，"2"的编码更大，所以会返回true，这就是输入小于10的数反而匹配到10-20区间的原因。

核心修改点是把所有参与比较的数值统一转为Number类型，同时增加非法输入的兼容处理：

• 先把输入值转为数字，如果输入是空值/非有效数字，默认展示所有行（可按需调整为隐藏所有行）
• 把表格中min、max列的内容也转为数字后再做大小比较
• 额外优化：使用let/const声明局部变量，避免隐式全局变量污染

替换后的完整JS代码如下：

function myFunction() {
  const inputVal = document.getElementById("myInput").value;
  // 输入转数值，非有效数字时为NaN
  const inputNum = Number(inputVal);
  const table = document.getElementById("myTable");
  const trList = table.getElementsByTagName("tr");
  
  for (let i = 0; i < trList.length; i++) {
    const minTd = trList[i].getElementsByTagName("td")[0];
    const maxTd = trList[i].getElementsByTagName("td")[1];
    
    if (minTd && maxTd) {
      // 区间上下限转数值
      const min = Number(minTd.textContent.trim());
      const max = Number(maxTd.textContent.trim());
      // 输入非法时展示所有行，否则判断是否在区间内
      if (isNaN(inputNum) || (inputNum >= min && inputNum <= max)) {
        trList[i].style.display = "";
      } else {
        trList[i].style.display = "none";
      }
    }
  }
}

HTML部分无需修改，替换原有JS函数即可正常运行：输入小于10的数值时所有数据行隐藏，输入15展示德国行、输入35展示瑞典行、输入65展示英国行，符合预期。

内容的提问来源于stack exchange，提问作者Dheeraj Kumar