Consulta modificar valores de campos generados con JQUERY

[bathorz]

Espero que te sirva esta prueba de cálculo:

Código Javascript:

$(document).ready(function() {
        $(function() {
          var i = 0;
          $("#agregarconcepto").click(function() {
            $('#filaarticulo').append("<tr class='fila'>\n\
              <td>Cant:<input type='text' class='cant' id='cant'" + i + " name='cant" + i + "' value='' /></td>\n\
              <td>Precio<input type='text' id='precio" + i + "' class='precio' name='precio" + i + "'></td>\n\
              <td>Parcial<input type='text' class='suma parcial' id='parcial" + i + "' name='parcial" + i + "' value='' /></td>\n\
            </tr>");
            i++;
          });
        });
 
        $(document).on("change", ".precio", function(e) {
          //e.preventDefault();
          var total = 0;
          for (var i = 0; i < $(".precio").length; i++) {
            var cant = $("input:text[name=cant" + i + "]").val();
            var precio = $("input:text[name=precio" + i + "]").val();
            $("#parcial" + i).val(cant * precio);
          }
          for (var i = 0; i < $(".parcial").length; i++) {
            var n = $("input:text[name=parcial" + i + "]").val();
            total += parseFloat(n);
          }
          $("#total").html(total);
        });
      });
 

Código HTML:

<form id="form1">
      <table id="filaarticulo">
      </table>
    </form>
    <button id = "agregarconcepto">Agregar</button>
    <div id="total" class="test">total</div>