javascript - jQuery 简单价格 * 多个项目的总数量

Question

我正在寻找加载时 item 的多个实例的自动 total 计算。我试着找到每个 item 的 price 和 qty 但总计没有计算。

$(document).ready(function() {
  $('.item').each(function() {
    var qty = $(this).find('.qty').val();
    var price = $(this).find('.price').val();
    var total = qty * price;
    $('.total').val(total);
  });
});

.item {
  border: 1px solid
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="item">
  <div class="qty">50</div>
  <div class="price">10</div>
  <div class="total">0</div>
</div>
<div class="item">
  <div class="qty">20</div>
  <div class="price">50</div>
  <div class="total">0</div>
</div>
<div class="item">
  <div class="qty">19</div>
  <div class="price">40</div>
  <div class="total">0</div>
</div>

Answer 1

您需要使用文本和数字函数来计算:

$(document).ready(function() {
  $('.item').each(function() {
    var qty = $(this).find('.qty').text();
    var price = $(this).find('.price').text();
    var total = Number(qty) * Number(price);
    $(this).find('.total').text(total);
  });
});