Question

In order to add commas to a number string I’m using the following:

someNum.toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ",")

I need to do one extra thing. I need to wrap everything to the left of the comma (all numbers representing thousands or above in a span tag in order to color those numbers.

So if someNum is 42221 the output whould be <span class="someColorClass">42</span>,221 and if someNum was 221 the output would be 221.

Thanks!

Answer 1

I don’t know if its the most efficient way, but this works:

someNum.toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ",").replace(/^(.*),(\d+)$/,'<span class="someColorClass">$1</span>,$2')

123456789 = <span class="someColorClass">123,456</span>,789
42221 = <span class="someColorClass">42</span>,221
221 = 221