jsFiddleでは動作しますが、Webサイトでは動作しませんか？

Question

こんにちは、私たちはサイト上でコントロールしていないし、それが戻った既存の要素で作業するには、以下のスクリプトを構築しました：

無料の標準配信に

を受け取るために別の£はNaNを過ごすので、私は書くために行ってきましたstackoverflowの上のクエリが見つけるなぜ、私は助けるためにJSfiddleを使うだろうと思ったし、しかしJSfiddleに入れまったく同じコードが正しく実行され、表示されます。

別の£9受け取るために、無料の標準配信

012を過ごします

だから私は、複数のtotalSubtotalサイトと一つだけに可能性があり、問題になる可能性がどのような任意のアイデア？：

$(document).ready(function() { 
 

 
    var subTotal = ($('.totalSubtotal').text()).replace(/[^0-9.]/g, '') 
 
    var startTotal = 70.00; 
 
    var total = startTotal - subTotal; 
 

 

 
    $('#revealPromoBox').append('<div class="promoTotal">Spend another £' + total + ' to recieve free standard delivery</div>'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="totalSubtotal"> 
 
    Sub-total:&nbsp;<strong data-oi-price="">£61</strong> 
 
</div> 
 

 

 
<h3 id="revealPromoBox"></h3>

JSFiddle

Answer 1

さらに混乱していますこことJSFiddle - 10.0030.00は、.text（）が見つかった文字列を連結するので、NaNになります。

$(function() { 
 

 
    var subTotal = 0; 
 
    $('.totalSubtotal').each(function() { 
 
    var val = $(this).text().replace(/[^0-9.]/g, ''); 
 
    subTotal += isNaN(val)?0:parseFloat(val); 
 
    }); 
 
    var startTotal = 70.00; 
 
    var total = startTotal - subTotal; 
 

 

 
    $('#revealPromoBox').append('<div class="promoTotal">Spend another £' + total.toFixed(2) + ' to recieve free standard delivery</div>'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="totalSubtotal"> 
 
    Sub-total:&nbsp;<strong data-oi-price="">£11.00</strong> 
 
</div> 
 
<div class="totalSubtotal"> 
 
    Sub-total:&nbsp;<strong data-oi-price="">£21.00</strong> 
 
</div> 
 

 

 
<h3 id="revealPromoBox"></h3>