KANAYO AUSTIN KANE KANAYO AUSTIN KANE - 6 months ago 18
jQuery Question

Replacing text in a jQuery string

I want to replace some text in a jQuery string with images for example :

//original string
str = "This is a message from peter to john";

//After replacement
str = "This is a message from <img src='peter.jpg'> to <img src='john.jpg'>";


In php it can be done like this:

$string = strtr($str, array('peter'=>'<img src="peter.jpg" />', 'john'=>'<img src="john.jpg" />'));


Please is there a similar way to do this in jQuery just like the php method. Or any better idea to achieve this?

Answer

Use replace() method

var str = "This is a message from peter to john";
str = str.replace(/\b(?:peter|john)\b/g, "<img src='$&.jpg'>");
console.log(str)