<td class="product-name">
<a href="single-product.html">Juan ramon ibañez</a>
</td>
<td class="product-price">
<span class="amount">600.40 €</span>
</td>
<td class="product-quantity">
<div class="quantity buttons_added">
<input type="number" size="4" class="input-text qty text cantidax" title="Qty" value="2" min="0" step="1" >
<a href="" class="btn btn-warning actualizaCantidad" ><i class="fa fa-refresh"></i></a>
</div>
</td>
<td class="product-subtotal">
<span class="amount"></span>
</td>
</tr>
<tr class="cart_item">
<td class="product-remove">
<form method="POST" action="" accept-charset="UTF-8"><input name="_method" type="hidden" value="DELETE"><input name="_token" type="hidden" value="qtviOQDNvRIOVAO0RFUKF4UKfWs9LGrKHpScuzKR">
<input type="submit" value="x" title="Eliminar este elemento" class="remove" >
</form>
</td>
<form method="POST" action="c" accept-charset="UTF-8"><input name="_method" type="hidden" value="PUT"><input name="_token" type="hidden" value="qtviOQDNvRIOVAO0RFUKF4UKfWs9LGrKHpScuzKR">
<td class="product-thumbnail">
<a href="single-product.html"><img width="145" height="145" alt="poster_1_up" class="shop_thumbnail" src="/ima/1.jpg"></a>
</td>
<td class="product-name">
<a href="single-product.html">Manuel Bernal Garcia</a>
</td>
<td class="product-price">
<span class="amount">200.20 €</span>
</td>
<td class="product-quantity">
<div class="quantity buttons_added">
<input type="number" size="4" class="input-text qty text cantidax" title="Qty" value="1" min="0" step="1" >
<a href="" class="btn btn-warning actualizaCantidad" ><i class="fa fa-refresh"></i></a>
</div>
</td>
<td class="product-subtotal">
<span class="amount"></span>
</td>
</tr>
<tr>
<td class="actions" colspan="6">
<input type="submit" value="Actualiza Importes" name="update_cart" class="button actualiza_importe_compra" >
<input type="submit" value="Pagar" name="proceed" class="checkout-button button alt wc-forward">
</td>
</tr>
La idea es la siguiente, este es el codigo fuente final de un proyecto que estoy haciendo.
He puesto solo dos filas ya que el codigo es dinamico, y es una repeticion del tr con la clase cart_item.
Lo que quiero es que cuando pulse en el boton con la clase .actualiza_importe_compra sume todos los totales de cada fila, pero al utilizar un input number para modificar la cantidad me esta fallando, es por ello que para hallar el total de totales, tendria que encontrar todos los precios multiplicarlos por la cantidad de cada fila e ir sumandolos(acumulandolos). El problema lo tengo a la hora de referenciar cada precio y cada cantidad usando el each, que por cierto no lo he usado mucho
$('..actualiza_importe_compra').click(function()
{
var inputCantidad = parseInt($(this).parents('tr').find('input.cantidax'));
var precio = parseFloat($(this).parents('tr').find('.product-price.amount'));
$.each(function(index,value)
{
var total = inputCantidad.val() * precio.text();
console.log(total);
});
return false;
});
});
Esto es lo que tengo pero no me funciona, tengo problemas para referenciar al pulsar el boton la cantidad y el precio dinamicos.