Замена запятой и знака доллара из класса DIV

Question

Я пытаюсь получить строку из div, которая динамически изменяется в зависимости от выбранного продукта, поэтому мой DIV выглядит следующим образом:

<p class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>3,450.00</span></p>

Эта цена изменяется в зависимости от выбранных продуктов, и мне нужно поместить ее в переменную js под названием 'precioObtenido'

Итак, я попробовал это:

<script>var preciosf = document.getElementsByClassName('price')[0].innerHTML;</script>

и я получаю полное значение, например, «$ 3450,00» в этом примере, затем я использовал это, чтобы удалить запятую: <script>var precionc = preciosf.replace(/,/g, '');</script>

Это дает мне "3450,00 долларов", но когда я попытался удалить знак доллара, используя различные методы, такие как var precionum = precionc.replace(/\$/g, '') или var precionum = precionc.replace('$$', ''), он не работает, как я могу это сделать?

Answer 1

Просто slice из знака доллара:

var precionc = "$3450.00";
var precionum = precionc.slice(1);
console.log(precionum);

Также работает регулярное выражение:

var precionc = "$3450.00";
var precionum = precionc.replace(/\$/g, "");
console.log(precionum);