按钮切换温度单位时$("#temp").text()恒返回false问题求助

嘿，我来帮你搞定这个问题～你遇到的$("#temp").text() === currentTempInCelsius始终返回false，主要有两个核心原因，咱们一步步拆解和解决：

核心问题分析 #

• 类型不匹配：$("#temp").text()返回的是字符串类型的文本内容，而currentTempInCelsius应该是数字类型。JavaScript的严格相等运算符===会同时比较值和类型，类型不同直接返回false，这是最关键的原因。
• 隐形字符干扰：就算文本里的数字看起来和currentTempInCelsius完全一致，DOM渲染时可能会混入隐形空格、换行符等，导致字符串内容不匹配。

修复方案 #

方案1：显式转换类型后再比较 #

把DOM文本转换成数字，再和currentTempInCelsius做严格相等判断，比如用parseFloat()处理：

// 替换原来的判断条件
parseFloat($("#temp").text()) === currentTempInCelsius ? $("#temp").text(fTemp) : $("#temp").text(currentTempInCelsius);

如果温度是整数，用Number()或者parseInt()也可以，但parseFloat()能兼容带小数的温度值，更通用。

方案2：用变量跟踪状态（更可靠） #

其实没必要通过读取DOM文本做判断，直接用一个变量跟踪当前显示的是摄氏度还是华氏度，逻辑会更清晰，也避免DOM文本带来的意外问题。修改后的完整代码如下：

$(document).ready(function(){
  // 假设你已经从API获取到了摄氏度温度，这里给个示例值
  let currentTempInCelsius = 22; 
  // 用变量跟踪当前单位状态：true表示显示摄氏度，false表示华氏度
  let isShowingCelsius = true;

  $("#changerToC").click(function () {
    let targetTemp;
    if (isShowingCelsius) {
      // 切换为华氏度
      targetTemp = currentTempInCelsius * 9 / 5 + 32;
      $("#changerToC").text("Change to Celsius");
      $("#tempunit").text('F');
    } else {
      // 切换回摄氏度
      targetTemp = currentTempInCelsius;
      $("#changerToC").text("Change to Fahrenheit");
      $("#tempunit").text('C');
    }
    // 更新显示温度
    $("#temp").text(targetTemp);
    // 切换状态
    isShowingCelsius = !isShowingCelsius;
  });
});

额外注意事项 #

• 确保currentTempInCelsius在点击事件外已经被正确初始化（比如从天气API获取到有效数值），如果它是undefined，也会导致比较失败。
• 如果需要保留温度的小数位数，可以用toFixed()方法，比如targetTemp.toFixed(1)，让显示更美观。

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