いくつかの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

あなたのコードは完璧ですが、あなたは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

Answer 2

私はフィドルを見ました。あなたはそれを扱うためにあなたのページにjQueryをインポートする必要があります。それは問題ありません。