如何使用jQuery替换页面纯文本中的blahblah为sometext？

要替换页面里的纯文本内容（不碰元素标签或属性值），核心是只遍历并修改DOM中的文本节点，避免直接替换整个HTML结构（那样会破坏现有DOM状态和事件绑定）。

实现代码 #

// 递归遍历并替换文本节点的函数
function replaceTextNodes(node, searchStr, replaceStr) {
  // 处理文本节点
  if (node.nodeType === Node.TEXT_NODE) {
    // 全局替换目标字符串，不需要全局的话去掉 'g' 标志
    node.textContent = node.textContent.replace(new RegExp(searchStr, 'g'), replaceStr);
  } 
  // 处理元素节点，跳过script和style标签（避免修改脚本/样式）
  else if (node.nodeType === Node.ELEMENT_NODE && !['SCRIPT', 'STYLE'].includes(node.tagName)) {
    Array.from(node.childNodes).forEach(child => replaceTextNodes(child, searchStr, replaceStr));
  }
}

// 执行替换：把页面中所有"blahblah"换成"sometext"
replaceTextNodes(document.body, 'blahblah', 'sometext');

关键说明 #

• 跳过<script>和<style>标签：避免误改脚本逻辑或样式代码
• 只操作textContent：不会影响元素的属性值（比如alt、title里的内容）
• 递归遍历：确保嵌套在任意元素里的文本都能被处理
• 正则全局替换：如果只需要替换第一个匹配项，去掉正则里的'g'参数

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