jquery를 사용하여 값을 함께 추가

Question

각 항목 및 배송 가격을 보유하는 3 개의 span 태그가 있습니다. jQuery를 사용하여 총 가격을 산출하기 위해 3 개의 span 태그를 함께 추가해야합니다. 여기 내 코드는 다음과 같습니다.

<div id="relative"> 
    <div id="absolute"> 
     Widget 1: <span id="widget_1_price">$99.99</span><br /> 
     Widget 2: <span id="widget_2_price">$14.99</span><br /> 
     Shipping Fee: <span id="shipping_price">$10.00</span><br /> 
     <b>Total: <span id="total_price"></span></b> 
    </div> 
</div> 

나는 몇 가지 방법을 시도했지만 아무 것도 작동하지 않습니다.

는

Answer 1

요소를 통해 루프하고 텍스트를 구문 분석과 함께 추가 :

var sum = 0; 
$('#widget_1_price,#widget_2_price,#shipping_price').each(function(){ 
    sum += parseFloat($(this).text().substr(1)); 
}); 
$('#total_price').text('$' + Math.round(sum * 100)/100); 

데모 : http://jsfiddle.net/QTMsE/

Answer 2

var val1 = parseFloat($("#widget_1_price").text().substring(1)); 
var val2 = parseFloat($("#widget_2_price").text().substring(1)); 
var shipping = parseFloat($("#shipping_price").text().substring(1)); 

var all = val1 + val2 + shipping; 
$("#total_price").text("$"+all); 

이 시도합니다.

Answer 3

이 시도 :

total = parseFloat($('#widget_1_price').text().slice(1))+ 
     parseFloat($('#widget_2_price').text().slice(1))+ 
     parseFloat($('#shipping_price').text().slice(1)); 

$('#total_price').text('$'+total);