replacing numbers in a string with regex in javascript

Question

I have string that contains numbers and characters. I want to replace the numbers with another value that will give it a css class of someClass.

Now I got the code to detect all the numbers in the string and replace it with something else.

My question is how do I get the current number match and put it to the new string or value that will replace the original one?

Basically what I want to happen is:

for example, I have this string: 1dog3cat, I want it to get replaced with <span class="someClass">1</span>dog<span class="someClass">3</span>cat

Here's my current code:

    var string_variable;
    string_variable = "1FOO5,200BAR";
    string_variable = string_variable.replace(/(?:\d*\.)?\d+/g, "<span class='someClass'>" + string_variable + "</span>");
    alert(string_variable);

karthik manchala · Accepted Answer · 2015-05-23 03:42:36Z

7

Simply remember the matched pattern using parenthesis and retrieve that value using $1 and add span tag to it.

Use this regex

string_variable = string_variable.replace(/(\d+)/g, "<span class='someClass'>$1</span>");

See DEMO

edited May 23, 2015 at 3:42

karthik manchala

13.7k1 gold badge34 silver badges55 bronze badges

answered May 23, 2015 at 3:33

bugwheels94

32.1k3 gold badges43 silver badges62 bronze badges

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

1 Comment

Burning Crystals Over a year ago

used this answer. thanks @Ankit, going to accept this answer. :)

Collectives™ on Stack Overflow

replacing numbers in a string with regex in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related