我怎样才能总结一些 div 框的数据属性？

Question

<div class="total" data-price="100"></div>
<div class="total" data-price="200"></div>
<div class="sum_total"></div>

$( document ).ready(function() {
       var total = 0;
        $(".total").each(function (i, price) {
            var price = $(this).data('price')
            total = total + parseInt(price);
            $('.sum_total').text(total);
      });
});

我想计算我的 div 盒子的数据属性，但我得不到任何结果。

Answer 1

我看过fiddle。您需要在您的页面中导入 jQuery 才能使用它，这没问题。

Answer 2

您的代码很完美，但是您忘记在 fiddle 代码中包含 jquery 库。我已经包含它并且它正在显示结果。

$( document ).ready(function() {
       var total = 0;
        $(".total").each(function (i, price) {
            var price = $(this).data('price')
            total = total + parseInt(price);
            $('.sum_total').text(total);
      });
});

Updated Fiddle

我怎样才能总结一些 div 框的数据属性？

How can I sum the data-attributes of some div boxes?

jquery

calculator