jquery - 使用 jQuery，如何修改标签外的文本？

Question

给定一个文本字符串，它既与 span 相邻又在 div 内部，有哪些方法可以仅修改该文本，而使周围的 HTML 保持不变？例如:

<div id="my-div">modify this text<span id="my-span"></span></div>

我试过类似的东西

$('#my-div').html(function(i, elem){blah;});

但这似乎会导致跨度被删除并添加新的跨度(我注意到跨度上丢失了一些样式)。

我意识到在应用客户端代码之前最好将文本字符串包装在它自己的 HTML 标记中，但这是我无法控制的。

Answer 1

这似乎可行:

$('#my-div').contents()
            .filter(function() { return this.nodeType == 3; })
            .replaceWith('new text or html');

nodeType == 3 用于测试文本节点。