使用jQuery更改特定文本

Question

我有以下HTML代码，我想搜索欢迎并将其设为粗体。

<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>'));

经过测试并且工作正常