如何使用jquery从sales form中追加的行计算总金额

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
  // 绑定事件处理程序
  $('.calculation-row').on('input', calculateTotalAmount);
});

function calculateTotalAmount() {
  var totalAmount = 0;
  
  // 遍历每个行并计算金额
  $('.calculation-row').each(function() {
    var quantity = $(this).find('.quantity').val();
    var price = $(this).find('.price').val();
    
    // 确保输入的值是数字
    if ($.isNumeric(quantity) && $.isNumeric(price)) {
      totalAmount += parseFloat(quantity) * parseFloat(price);
    }
  });
  
  // 更新总金额显示
  $('.total-amount').text(totalAmount.toFixed(2));
}

<p>Total Amount: <span class="total-amount">0.00</span></p>