jquery - 每次将新产品添加到购物车后如何计算价格？

Question

假设我有一辆购物车。

我有价格和数量，给价格一个“价格”类的跨度，一个“数量”类的数量跨度。

所以它看起来像这样：

<div id="itemsWrapper">
     <div><span class="price">25</span><span class="qty">2</span></div>
     <div><span class="price">40</span><span class="qty">1</span></div>
     ......
</div>

我想在每次用户将产品添加到购物车后计算最终价格。

这是我尝试过的价格，但不起作用：

$("#itemsWrapper").on("change", "#tableItems", function(){
  var price= new Array();
  $(".price").each(function(index) {
      price.push ($(this).text());
  });
  console.log(price);
});

Answer 1

我不确定这是否是您需要的，但我已经为您尝试了一些代码

var total_price = 0;
$("#itemsWrapper div").each( function() {
    price = $(this).find(".price").html();
    quantity = $(this).find(".qty").html()
    total_price += price * quantity;
});
alert(total_price);

http://jsfiddle.net/cTtyL/

我可能会在连接“添加项目”事件方面为您提供更多帮助，但我需要您提供更多关于您如何尝试绑定事件的信息。

Answer 2

我很想在启用 FireBug 的情况下在您的网站上疯狂购物；）

您不应该使用 Javascript 在前端计算价格。每次添加商品以刷新购物车时发送 AJAX 请求。

Answer 3

终于，我得到了我想要的。

我在更新购物车的 HTML 后直接插入了这个：

var rtp = new Array();
var qty = new Array();

$(".rtp").each(function() {
   rtp.push ($(this).text());
});

$(".qty").each(function() {
   qty.push ($(this).text());
});