How to add a class to delimiter using rails?

Question

I have added a comma to a large number using the number_with_delimiter call, now I'd like to add a class to the comma.

This is my code to get the commas

= "#{number_with_delimiter(1000, delimiter: ",")}"

I think the code to add the class to the commas should look something like this but its not working.

= "#{number_with_delimiter(1000, delimiter: ",", class:"hello")}"

Any thoughts?

I guess `class` is not one of the available options for `number_with_delimiter`. — Pavan, Oct 21 '15 at 13:58
what do you mean by `add a class to the comma`? Do you want the comma to be wrapped in a HTML element (like a span) having the HTML class 'hello' ? — MrYoshiji, Oct 21 '15 at 14:14
I am trying to add the class specifically to the comma so I can style it differently than the rest of the numbers. — Abby Marsh, Oct 21 '15 at 14:19

Sean Huber · Accepted Answer · 2015-10-21T14:42:56.067

1

Try wrapping each comma in a span tag and add a class to that span. Example:

<%= number_with_delimiter(1000, delimiter: "<span class='hello'>,</span>".html_safe) %>

edited Oct 21 '15 at 14:42

answered Oct 21 '15 at 14:24

Sean Huber

This is what the output is when I do that: 1<span class='hello'>,</span>000 – Abby Marsh Oct 21 '15 at 14:28
Are you sure you have `html_safe` on the end of the method call? You could also do this: `<%= raw number_with_delimiter(1000, delimiter: ",") %>` – Sean Huber Oct 21 '15 at 14:30
This is the output now: [1,000] – Abby Marsh Oct 21 '15 at 14:39
Oops, sorry, I put `html_safe` in the wrong place (it should instead be on the delimiter string). I've edited the answer; please try again. – Sean Huber Oct 21 '15 at 14:43
It still output '1,000' – Abby Marsh Oct 21 '15 at 14:46
I just tried using the jquery '.filter()' function and was able to find a solution – Abby Marsh Oct 21 '15 at 14:47
The approach definitely works, I just tested it and confirmed that the browser renders it appropriately. Glad you found a solution, but using jQuery for this kind of problem is overkill. – Sean Huber Oct 21 '15 at 14:50
1

Thanks again for all your help! – Abby Marsh Oct 21 '15 at 15:04

1 Answers1