javascript - 如何在不删除孩子的情况下更改 span 的文本？

Question

基本上我有以下内容span：

<span id="test">hello <span id="what">john</span>, How are you?</span>

我只想更改test跨度的文本而不删除它的子项/what跨度。

我尝试了 jquerytext()函数，但这似乎删除了孩子。

在此处查看演示：https ://jsfiddle.net/rf9x7zq3/4/

标签： javascriptjquery

Answer 1

为什么不把“你好”放在它自己的范围内，只改变它的内容呢？

HTML

<span id="test"><span id="greeting">hello </span><span id="what">john</span>, How are you?</span>

JS

$(document).ready(function(){
    $('#greeting').text('hi');
});