如何总结一些div框的数据属性？

Question

https://jsfiddle.net/ohoxjc40/

<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

您的代码很完美，但您忘记在小提琴代码中包含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

Answer 2

我看过小提琴。您需要在页面中导入jQuery才能使用它，这很好。