2010-06-21 6 views
1

J'ai le code html suivant, et je veux rechercher le Welcome et le rendre gras.Changer le texte spécifique en utilisant jQuery

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

la sortie devrait être comme ceci utilisant la manipulation de DOM.

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

merci ..

+0

peut-on savoir pourquoi vous voulez faire cela, il peut être de meilleures façons par exemple si vous avez le contrôle sur html pourquoi ne pas mettre de bienvenue dans un 'span' –

Répondre

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

Vous devez simplement replace là:

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

Vous pouvez charger le texte comme une variable mais faisant

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

changer la text

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

puis le remettre

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

ou dans une seule ligne

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

a été testée et fonctionne très bien

Questions connexes