javascript - 替换 DIV 正则表达式中除 html 标记之外的所有文本

Question

我正在尝试替换 DIV 中的所有文本，包括内部子项而不更改任何 html 标记。在我的示例中，我想将所有“Hello”更改为“Hi”。多谢。

var changes = $('div').html().replace('Hello','Hi');

$('div').html(changes);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p class="hello">Hello World</p>
  Hello World<br>
  <span class="world">Hello World</span>
</div>

Answer 1

带有字符串参数的replace 不能多次替换。您需要带有 g(全局)标志的 RegEx 来替换所有内容。

var changes = $('div').html().replace(/Hello/g,'Hi');
$('div').html(changes);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p class="hello">Hello World</p>
  Hello World<br>
  <span class="world">Hello World</span>
</div>