How to replace a part of a string with a html tag?

Question

How to replace a part of a string with a html tag in jQuery?
Say for e.g. <div>Who am i</div> should be <div><b>Who</b> am i</div>.

Answer 1

You can use html method's callback function and replace method.

$('div').html(function(_, oldHTML){
   return oldHTML.replace(/(\w+)/, '<b>$1</b>');
   // return oldHTML.replace('Who', '<b>Who</b>');
})

http://jsfiddle.net/3rAMp/

Answer 2

use .html() of jquery

$("div").html("<b>Who</b> am i")