Почему я получаю NaN при разборе номера в Javascript

Question

Я не могу найти, почему я получаю NaN для печати номера с помощью javascript.

Следующий код, который я использую, повторяется в другом месте на веб-сайте и отлично работает.

URL, о котором идет речь: http://all-american-gold10.mybigcommerce.com/us-silver-eagles/

Мой код выглядит следующим образом:

function setCheckPrice() { 
    $('.NormalPrice').each(function(key, val) { 
    var price = $(val).html().replace('$', '').replace(',', ''); 
    var newPrice = parseInt(price) * .03; 
    var setPrice = Math.floor(price - newPrice); 

     var credit = '<small style="font-size: 20px !important;"> - credit card price</small>'; 
     var check = '<p><em class="new-price">$' + setPrice +'<small style="font-size: 20px !important;"> - check price</small></em></p>'; 

     $(val).append(credit); 

     $(val).prepend(check); 



     }) 

}; 

setCheckPrice(); 

Мой код занимает несколько найденную определенным именем класса, делает некоторые математике и плюет обратно с некоторыми дополнительный html, чтобы согласиться с этим. Я попытался переключить способы, с помощью которых я вывел код с append, prepend, before & after, но никто не работает? Любая причина, почему это действует так странно?

Answer 1

В переменной price имеется дополнительный html. Вы должны рассмотреть наличие отдельных элементов с классом, который содержит только то значение, которое вам нужно, и ничего больше. Как быстро исправить, это изменение:

var price = $(val).val().replace('$', '').replace(',', '').replace(" ",""); 

получить это мне значение 490 для price на этой странице, которая является то, что вы ищете.