我们在尝试更改网页时遇到了以下情况。
<div id="div1">
Welcome <button id="clicker">Click Me</button>
</div>
这当然只是我们遇到的情况的一个基本示例。我们想要做的就是更改 div
的文本而不丢失 button
。例如,我们希望它说嗨,而不是欢迎。
是否有一种简单的方法可以使用 jQuery
来实现此目的?我尝试过使用 .replace
但似乎不起作用。
$("#div1").text().replace("Welcome", "Hi");
更新
感谢大家如此快速的回复和出色的回答。 gdoron 和 mblase75 的回应效果很好。为了简单起见,mblase75 似乎更容易实现,但 gdoron 不遗余力地逐行解释。再次非常感谢您!
最佳答案
一种方法是使用 .html
的回调函数:
$('#div1').html(function(i,old) {
return old.replace('Welcome','hi');
});
关于jquery - 当 div 包含其他元素时更改 div 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9778383/