Tengo una tabla donde agrego productos con cantidad y precio, y cuando un producto se repite, me debe sumar la cantidad del producto que hay en la tabla más la cantidad del producto que se está agregando. Tengo un código me hace eso, pero solo cuando se repite el producto que está en la primera fila.
Entonces les pido encarecidamente que me ayuden para que cuando se repita un producto sin importar en que fila se encuentre, si es la primera fila o la última fila me sume esas cantidades.
Éste es mi código:
var cont = 0;
var total = 0;
function agregar() {
var cantidad = $("#Cantidad").val();
var IDInsumo = $("#idInsumo").val();
var Precio_Compra = $("#Precio_Compra").val();
var subtotal = Precio_Compra * cantidad;
total = subtotal + total;
console.info(total);
$("#total").val(total);
if (cont == 0) {
cont++;
fila = '<tr class="selected" id="fila' + cont + '" onclick="seleccionar(this.id)"><td>' + cont + '</td><td><input type="hidden" value="' + IDInsumo + '"><input type="hidden" value="' + cantidad + '"><input type="hidden" value="' + Precio_Compra + '">' + IDInsumo + '</td><td>' + cantidad + '</td><td>' + subtotal + '</td></tr>';
$('#tbodydatos').append(fila);
return;
}
var id = "";
var cantidad1 = 0;
var precio1 = 0;
$("#tablaDatos tbody tr").each(function(i, e) {
var tr = $(e);
var td = $(e).find("td").eq(1);
id = $(td).find("input").eq(0).val();
cantidad1 = $(td).find("input").eq(1).val();
precio1 = $(td).find("input").eq(2).val();
var fila = "";
if (id == IDInsumo) {
var tcan = parseInt(cantidad) + parseInt(cantidad1);
var tpre = parseFloat(precio1) + parseFloat(Precio_Compra);
tr.remove();
cont++;
fila = '<tr class="selected" id="fila' + cont + '" onclick="seleccionar(this.id)"><td>' + cont + '</td><td><input type="hidden" value="' + IDInsumo + '"><input type="hidden" value="' + tcan + '"><input type="hidden" value="' + tpre + '">' + IDInsumo + '</td><td>' + tcan + '</td><td>' + tpre + '</td></tr>';
$('#tbodydatos').append(fila);
reordenar();
return false;
} else {
cont++;
fila = '<tr class="selected" id="fila' + cont + '" onclick="seleccionar(this.id)"><td>' + cont + '</td><td><input type="hidden" value="' + IDInsumo + '"><input type="hidden" value="' + cantidad + '"><input type="hidden" value="' + Precio_Compra + '">' + IDInsumo + '</td><td>' + cantidad + '</td><td>' + subtotal + '</td></tr>';
$('#tbodydatos').append(fila);
reordenar();
return false;
}
})
}
function reordenar() {
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="idInsumo" placeholder="Insumo" />
<input type="text" id="Cantidad" placeholder="Cantidad" />
<input type="text" id="Precio_Compra" placeholder="Precio de Compra" />
<button onclick="agregar()">Agregar fila</button>
<hr/>
<table id="tablaDatos" class="table table-bordered">
<thead>
<tr>
<td>Numero del Insumo</td>
<td>Insumo</td>
<td>Cantidad</td>
<td>Subtotal</td>
</tr>
</thead>
<tbody id="tbodydatos"></tbody>
<tfoot>
<tr>
<td colspan="3"></td>
<td><input type="text" id="total" disabled /></td>
</tr>
</tfoot>
</table>
idInsumo
), entonces al hacer$("#idInsumo").val()
sólo obtienes el de la primera fila y por eso sólo funciona para esa fila. Añade un ejemplo de tu tabla en HTML para que podamos ver mejor por qué falla.