javascript - 如何替换字符串但排除某些单词

Question

如何在字符串中进行替换，但排除某些单词进行替换

例如:

str = "<div>I am a moron</div>";
code = "<div>" + str + "</div>;
newStr = code.replace(str, "I am not a moron");
//newStr = "I am not a moron"

我要//newStr = "<div>I am not a moron</div>" 在replace方法中没有添加div标签

Answer 1

您只需要使用正则表达式来匹配打开和关闭 div，这样您就可以将它们与匹配的捕获组 $1 和 $2 一起放回，在您的 replace 调用中。

此外，如果您不熟悉正则表达式，请查看此 RegExr demo你可以在那里玩耍。

解决方案

var str = "<div>I am a moron</div>";
var regex = /(<div>)I am a moron(<\/div>)/;

newStr = str.replace(regex, "$1I am not a moron$2");

console.log(newStr);

解决方案2

这是一个更复杂的解决方案，展示了如何匹配多个嵌套元素以获得正确的捕获组

var str = '<div class="foo bar2" data-taco="something"><ul><li>I am a moron</li></ul></div>';
var regex = /((?:<.*>)+)I am a moron((?:<\/.*>)+)/;

newStr = str.replace(regex, "$1I am not a moron$2");

console.log(newStr);

解决方案3

此解决方案重点关注 HTML DOM 中的查找替换与 html 字符串

const container = document.getElementById('container');

container.innerHTML = container.innerHTML.replace(/I am a moron/,"I am not a moron");

<div id="container">
  <section>
    <div id="something" class="foo bar">
      <p>I am a moron</p>
    </div>
  </section>
</div>

文档

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace