Div数值校验与setInterval配合使用异常问题排查

首先，你的脚本失效主要有两个核心问题，和jQuery是否识别"2.3"为数值关系不大，我给你拆解清楚：

1. jQuery对象的判断逻辑错误 #

你写的if ($(".result").not(':contains("2.3")'))永远会返回true，因为jQuery对象本身在条件判断里是“真值”——哪怕这个对象里没有匹配到任何元素，它也不会被视为false。正确的做法是检查这个对象的长度，或者用is()方法来判断。

2. 文本内容的空格干扰（可选） #

你的.result div里的内容是" 2.3 "（前后有空格），不过:contains()是包含匹配，所以其实能识别到里面的"2.3"，但如果是要精确匹配数值的话，空格就会影响结果，这时候就需要转换数值了。

方案一：修正文本包含的判断逻辑 #

如果你的需求只是检查div文本中是否包含"2.3"这个字符串，修改后的代码如下：

var Test = setInterval(TestMethod, 4000);
function TestMethod() {
  // 用is()判断是否不包含目标文本
  if (!$(".result").is(':contains("2.3")')) {
    console.log("field not contains 2.3");
    clearInterval(Test);
  } else {
    console.log("field contains 2.3");
    clearInterval(Test);
  }
}

或者也可以检查not()返回的对象长度是否大于0：

var Test = setInterval(TestMethod, 4000);
function TestMethod() {
  if ($(".result").not(':contains("2.3")').length > 0) {
    console.log("field not contains 2.3");
    clearInterval(Test);
  } else {
    console.log("field contains 2.3");
    clearInterval(Test);
  }
}

方案二：数值精确匹配（如果需要判断数值等于2.3） #

如果你的需求是判断div里的内容数值等于2.3，而不是文本包含，那就要先去除空格再转换为数值，代码如下：

var Test = setInterval(TestMethod, 4000);
function TestMethod() {
  // 去除前后空格，转换为浮点数
  var resultValue = parseFloat($(".result").text().trim());
  // 注意：浮点数比较尽量用精度判断，避免精度问题
  if (Math.abs(resultValue - 2.3) > 0.0001) {
    console.log("field value is not 2.3");
    clearInterval(Test);
  } else {
    console.log("field value is 2.3");
    clearInterval(Test);
  }
}

这里用trim()去除前后空格，parseFloat()把文本转成数值，而且用精度判断是因为浮点数直接比较可能有精度误差（比如2.3可能存成2.2999999999999998）。

另外补充一下：jQuery的:contains()是区分大小写的文本匹配，如果你不需要区分大小写，还可以自定义一个选择器，不过你的场景里应该用不上。

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