jQuery获取元素text()值与字符串比较不生效问题排查与修复

• 代码执行时机错误：如果你的JS代码写在.btn-timer按钮元素之前，代码运行时DOM还没完成渲染，jQuery无法选中目标按钮，获取到的文本是空字符串，自然无法匹配到15:00。
• 逻辑仅执行一次：如果按钮上的时间是动态变化的（比如倒计时功能），当前判断逻辑只在代码初始加载时跑一次，后续时间更新到15:00时不会重新触发判断，样式不会变更。
• 写法不规范：condition变量未使用let/const声明，会意外污染全局作用域，虽然不直接影响当前逻辑，但容易埋下隐性bug。

根据你的实际业务场景选择对应写法即可：

场景1：按钮文本固定，页面加载时就需要判断 #

把逻辑放到jQuery的DOM加载完成回调中执行，确保元素渲染完成后再获取内容，同时规范变量声明：

// DOM树渲染完成后自动执行
$(function() {
  // 缓存jQuery对象，避免重复查询DOM
  const $timerBtn = $('.btn-timer');
  const currentText = $timerBtn.text().trim();
  const TARGET_TEXT = '15:00';

  if (currentText === TARGET_TEXT) {
    $timerBtn.removeClass('btn-success').addClass('btn-danger');
  }
});

场景2：按钮时间动态更新（如倒计时） #

情况A：时间更新逻辑是你自己编写的 #

直接在每次更新按钮显示文本之后，追加判断逻辑即可，示例：

$(function() {
  const $timerBtn = $('.btn-timer');
  const TARGET_TEXT = '15:00';
  // 示例：从16:00开始的倒计时逻辑
  let remainSeconds = 16 * 60;

  const countDown = setInterval(() => {
    remainSeconds--;
    const min = String(Math.floor(remainSeconds / 60)).padStart(2, '0');
    const sec = String(remainSeconds % 60).padStart(2, '0');
    const showText = `${min}:${sec}`;
    // 更新按钮显示的时间
    $timerBtn.find('b').text(showText);

    // 每次更新后判断是否到目标时间
    if (showText === TARGET_TEXT) {
      $timerBtn.removeClass('btn-success').addClass('btn-danger');
      // 若到点后需要停止倒计时可解开下一行注释
      // clearInterval(countDown);
    }
  }, 1000);
});

情况B：时间更新逻辑由第三方脚本控制，你无法修改 #

用MutationObserver监听按钮的文本变化，文本更新到目标值时自动触发样式修改：

$(function() {
  const $timerBtn = $('.btn-timer');
  const TARGET_TEXT = '15:00';

  // 创建文本监听器
  const textObserver = new MutationObserver(() => {
    const currentText = $timerBtn.text().trim();
    if (currentText === TARGET_TEXT) {
      $timerBtn.removeClass('btn-success').addClass('btn-danger');
      textObserver.disconnect(); // 触发后停止监听，避免重复执行
    }
  });

  // 启动监听，覆盖元素内部所有子节点的文本变化
  textObserver.observe($timerBtn[0], {
    childList: true,
    subtree: true,
    characterData: true
  });
});

注：你原来用的text().trim()写法本身没有问题，不需要额外用localeCompare做比较，全等判断===就可以满足需求。

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