Изменение конкретного текста с помощью 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

Вы можете загрузить текст как переменную, но выполните

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

Протестировано и отлично работает

Answer 3

Вам нужно просто replace там:

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