使用jquery一起添加值

我有3个span标签，可以保存每件商品的价格和运费。 我需要将三个span标签添加到一起，以便使用jQuery提出总价。 这是我的代码：

 
 Widget 1: $99.99
 Widget 2: $14.99
 Shipping Fee: $10.00
 Total:  
  

我尝试了几种方法，但似乎没有一种方法适合我。

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);