使用jQuery更改特定文本

Question

我有以下html代码，我想搜索Welcome并将其设为粗体。

<div class="welcome-msg">Welcome, First Name | </div> 

输出应该像这样使用DOM操作。

<div class="welcome-msg"><strong>Welcome</strong>, First Name | </div> 

感谢..

Answer 1

var $welcomeMsg = $('.welcome.msg'); 
$welcomeMsg.html($welcomeMsg.text().replace(/(welcome)/i, '<strong>$1</strong>')); 

Answer 2

你需要简单replace有：

var txt = $('div.welcome-msg').text(); 
$('div.welcome-msg').text(txt.replace('Welcome', '<strong>Welcome</strong>')); 

Answer 3

你可以加载文本作为一个变量，但做

var myvar=$('.welcome-msg').html(); 

改变文字

myvar=myvar.replace('Welcome', '<strong>Welcome</strong>'); 

然后把它放回去

$('.welcome-msg').html(myvar); 

或单行

$('.welcome-msg').html($('.welcome-msg').html().replace('Welcome', '<strong>Welcome</strong>')); 

测试，你为什么要这么做做工精细