替换div元素中多次出现的数字：将0改为1的jQuery方案失效求助

数据老陈

2026-5-19

嘿，我之前也踩过类似的坑！大概率是你没处理好文本节点和表单元素的差异，或者替换逻辑没覆盖到所有场景。下面给你分情况整理靠谱的解决方案：

1. 替换页面所有普通文本里的'0'

很多人会直接用.text()获取内容再替换，但这样会把元素下的所有文本合并，还可能破坏DOM结构。正确的做法是遍历所有文本节点单独处理：

$(document).ready(function() {
  // 遍历body下所有元素的文本节点，排除script/style这类不需要处理的标签
  $('body *:not(script, style)').contents().filter(function() {
    return this.nodeType === 3; // 只筛选纯文本节点
  }).each(function() {
    // 全局替换所有'0'为'1'
    this.textContent = this.textContent.replace(/0/g, '1');
  });
});

2. 替换输入框/文本域的value里的'0'

表单元素的value不属于文本节点，得单独处理：

$(document).ready(function() {
  // 针对各类输入框处理value值
  $('input[type="text"], input[type="number"], textarea').each(function() {
    const originalValue = $(this).val();
    $(this).val(originalValue.replace(/0/g, '1'));
  });
});

3. 一次性搞定文本+表单元素

如果页面既有普通文本又有表单，把上面两个逻辑结合起来就行：

$(document).ready(function() {
  // 处理普通文本节点
  $('body *:not(script, style, input, textarea)').contents().filter(function() {
    return this.nodeType === 3;
  }).each(function() {
    this.textContent = this.textContent.replace(/0/g, '1');
  });

  // 处理表单元素value
  $('input[type="text"], input[type="number"], textarea').each(function() {
    $(this).val($(this).val().replace(/0/g, '1'));
  });
});