javascript - 使用 jQuery 仅更改 div 中的文本

Question

我的结构如下:

<div class="comment">
    Some text goes here.
    <div class="controls">
      Controls go here.
    </div>
</div>

如何在不影响 controls div 的情况下仅替换“此处有一些文本”？

显然可以在“此处有一些文本”周围添加另一个 div，然后替换其内容，但就这个问题而言，假设我不能。

Answer 1

这无需修改现有 HTML 即可实现。只需使用 jQuery 查找文本节点，然后通过直接访问 DOM 来更改其值即可。

$('.comment').contents()[0].nodeValue = 'Some other text goes here.';

请参阅 .contents() 的 jQuery 文档以及 .nodeValue 的 MDN 文档.