Esto es lo que estoy tratando de hacer.

Estoy intentando eliminar una línea de pedido y actualizar el pedido con el código actual:

El código HTML:

 <div class="invoice-billing"> <div class="invoice-billing-item"><input type="text" class="form-control" id="sku-%ID%" name="sku-%ID%" /></div> <div class="invoice-billing-item"><input type="text" class="form-control" id="description-%ID%" name="description-%ID%" /></div> <div class="invoice-billing-item"> <label class="switch" for="taxable-%ID%" style="margin-left: 4px; top: 4px;"> <input type="checkbox" class="taxable-%ID%" name="taxable-%ID%" id="taxable-%ID%" /> <div class="slider round gray"></div> </label> </div> <div class="invoice-billing-item"><input type="text" onchange="updateInvoiceValue()" class="form-control invoice-billing-qty" id="qty-%ID%" name="qty-%ID%" /></div> <div class="invoice-billing-item"><input type="text" onchange="updateInvoiceValue()" class="form-control invoice-billing-unit-price" id="unit-price-%ID%" name="unit-price-%ID%" /></div> <div class="invoice-billing-item invoice-billing-item-ext-price"> <div id="ext-%ID%"></div> </div> <a class="invoice-billing-item-trash" id="del-%ID%" name="del-%ID%" onchange="updateInvoiceValue()"><i class="fas fa-trash-alt"></i></a> </div>

Aquí está el código JavaScript:

 function updateInvoiceValue() { for (var i = 1; i < newInvoiceIndex; ++i) { $("#del-" + i).on("click", function () { var quantity = parseInt($("#qty-" + i).val()); var unitPrice = Number($("#unit-price-" + i).val()); }); } }

El problema es que obtengo un NaN en los campos numéricos aunque hay un valor en el campo. ¿Cómo puedo obtener los valores de los campos numéricos y eliminar una línea de pedido? Prácticamente sé cómo actualizar los totales.

Gracias...