javascript highlight a string

Question

var str = 'test TEST';

How to get str = 'test TEST' in return.

Thanks a lot.

Since the spaces won't show up as red, there's no real difference between test Test and your result? Why not just wrap the string with the span stuff? — MikeTheReader
– MikeTheReader, Commented Nov 13, 2010 at 1:58

Tim Down · Accepted Answer · 2010-11-13 01:53:01Z

2

The following will work for words composed of characters matched by \w, which are a-z, A-Z, 0-9 and _. This means, for example, that it will fail for words containing accented characters, but will work fine for your example.

var str = 'test TEST';
var highlighted = str.replace(/([\w]+)/g, '<span class="red">$1</span>');

answered Nov 13, 2010 at 1:53

Tim Down

326k76 gold badges461 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

icyrock.com · Accepted Answer · 2010-11-13 01:34:03Z

0

Something like:

str.replace(/(\w+) (\w+)/, '<span class="red">$1</span> <span class="red">$2</span>')

should work.

answered Nov 13, 2010 at 1:34

icyrock.com

28.7k4 gold badges72 silver badges92 bronze badges

Comments

Bobby Borszich · Accepted Answer · 2010-11-13 01:43:04Z

0

You can get all fancy with REGEX and such but it is just a simple string replace.

var tt = "<span class='red'>test</span>"
var TT = "<span class='red'>TEST</span>"

str = str.replace("test", tt).replace("TEST", TT);

answered Nov 13, 2010 at 1:43

Bobby Borszich

11.8k9 gold badges41 silver badges35 bronze badges

Collectives™ on Stack Overflow

javascript highlight a string

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related