用户jquery将一个单词替换为另一个单词，但忽略html标记、属性、脚本标记等

// 导入jQuery库
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>

// HTML代码
<div id="content">
  <p>This is a <span class="highlight">sample</span> text.</p>
  <p>Another <span class="highlight">sample</span> sentence.</p>
</div>

// JavaScript代码
<script>
$(document).ready(function() {
  // 获取所有文本节点
  var textNodes = getTextNodes($('#content'));

  // 遍历文本节点
  $.each(textNodes, function(index, node) {
    // 获取节点文本内容
    var text = $(node).text();

    // 替换单词
    var replacedText = text.replace(/sample/g, 'replacement');

    // 更新节点文本内容
    $(node).text(replacedText);
  });
});

// 获取所有文本节点的函数
function getTextNodes(element) {
  var textNodes = [];

  // 遍历子节点
  element.contents().each(function() {
    // 如果是文本节点，添加到数组中
    if (this.nodeType === Node.TEXT_NODE) {
      textNodes.push(this);
    }
    // 如果是元素节点，递归调用函数获取子节点的文本节点
    else if (this.nodeType === Node.ELEMENT_NODE) {
      textNodes = textNodes.concat(getTextNodes($(this)));
    }
  });

  return textNodes;
}
</script>