Replace all words in string with new HTML strings in Javascript

Question

I am trying to replace a string like:

var str = "@xxx test@xxx.com"

by a new string contains HTML like:

<a href>@xxx</a> test@xxx.com

I tried to this way to replace but not correct:

str = str.replace(/@xxx/g, "<a href>@xxx</a>")

With this way, it will return HTML like:

<a href>@xxx</a> test<a href>@xxx</a>.com

I just want to replace whole word "@xxx". How can I do that?

possible duplicate of [Why does javascript replace only first instance when using replace?](http://stackoverflow.com/questions/1967119/why-does-javascript-replace-only-first-instance-when-using-replace) — Sigroad, Aug 23 '15 at 10:17
The other question includes the answer to this question: simply remove the g flag to not do a global replace. — Sigroad, Aug 23 '15 at 10:22

Vidul · Accepted Answer · 2015-08-23T10:32:37.293

1

alert("@xxx test@xxx.com @xxx @xxx".replace(/(\B@xxx)/g, "<a href>$1</a>"));

edited Aug 23 '15 at 10:32

answered Aug 23 '15 at 10:28

Vidul

score 1 · Answer 2 · answered Aug 23 '15 at 10:31

1

Let's just keep it nice and clean....

var string = '@xxx test@xxx.com',
regger = /(@\S+)\s(.+.com)/,
output = string.replace(regger,"<a href='$1'>$2</a>")

answered Aug 23 '15 at 10:31

Casey Dwayne

Downvoting people providing you with answers, let alone correct answers, isn't very nice. – Casey Dwayne Aug 23 '15 at 10:34

2 Answers2