javascript - JQuery 替换 div 中除标签之外的所有内容

Question

我必须替换所有 div 中的一些字符，但是当我运行代码时，该函数也替换了我的 html 标签字符

我的代码是:

$("#main").children().each(function() {
    $(this).html($(this).html().replace(/s/g, "K"));
})
<div id="main">
<p>Some contents that will be replaced... <span>this will not be in a span tag :(</span></p>
</div>

结果:

<div id="main">
<p>Kome contentK that will be replaced... <Kpan>this will not be in a Kpan tag :(</Kpan></p>
</div>

Answer 1

如果您的目标是保留 div 中的所有标记但替换所有这些标记中的文本，那将是困难的。您只需要找到文本节点而不是其他节点，然后分别在每个文本节点内进行替换。

这个问题可能有帮助:How do I select text nodes with jQuery?