jquery - 当 div 包含其他元素时更改 div 文本

Question

我们在尝试更改网页时遇到了以下情况。

<div id="div1">
   Welcome <button id="clicker">Click Me</button>
</div>

这当然只是我们遇到的情况的一个基本示例。我们想要做的就是更改 div 的文本而不丢失 button。例如，我们希望它说嗨，而不是欢迎。

是否有一种简单的方法可以使用 jQuery 来实现此目的？我尝试过使用 .replace 但似乎不起作用。

$("#div1").text().replace("Welcome", "Hi");

更新

感谢大家如此快速的回复和出色的回答。 gdoron 和 mblase75 的回应效果很好。为了简单起见，mblase75 似乎更容易实现，但 gdoron 不遗余力地逐行解释。再次非常感谢您!

Answer 1

一种方法是使用 .html 的回调函数:

$('#div1').html(function(i,old) {
    return old.replace('Welcome','hi');
});

http://jsfiddle.net/VsAZu/