need some help to remove a ' € ' sign with Javascript/jQuery

Question

I'm sorry if this question sounds kind of silly, but i hope someone can help me out :).

I need to remove a euro(€) sign from a span that looks like:

<span id='price'>€ 19,99</span>

the thing is that i cant change it in the HTML file because these prices are automatically given by this webshop program ...

my first thought was javascript/jquery with a substring or slice method, but i wasnt able to figure out how to do this.

Any suggestions ?

Do you know how to get the html element and get/modify the text? — user202729, Aug 29 '19 at 10:35
no i dont, i can only change prices in this program, but not the valuta signs.. — barbaart, Aug 29 '19 at 10:37

score 1 · Answer 1 · answered Aug 29 '19 at 10:36

1

Jquery solution:

 $('#price').text( $('#price').text().replace('€', '') );

answered Aug 29 '19 at 10:36

Every Screamer

520
2
7

score 0 · Accepted Answer · answered Aug 29 '19 at 10:44

0

Use Element.innerText to get the text and String.replace to remove the euro sign:

var price_span = document.getElementById('price');

price_span.innerText = price_span.innerText.replace('€', '');

<span id='price'>€ 19,99</span>

answered Aug 29 '19 at 10:44

DjaouadNM

22,013
4
33
55

score 0 · Answer 3 · answered Aug 29 '19 at 10:45

Only with CSS and since the € sign is at the beginning of the string, you could use a negative text-indent (adjustable, depending on your specific font family ad size)

#price {
  text-indent: -2ch;
  display: inline-block;
  overflow: hidden;
}

<span id='price'>€ 19,99</span>

need some help to remove a ' € ' sign with Javascript/jQuery

3 Answers3