Sum Menge und Preis in den Tabellen

Question

Ich habe 4-5 dynamisch erstellt Tabellen mit PHP

<table class="table11"> 
    <tbody> 
    <tr> 
     <td>Name</td> 
     <td class="quantity">2</td> 
     <td class="price">20</td> 
     <td class="sum_one">40</td> 
    </tr> 
    <tr> 
     <td>Name</td> 
     <td class="quantity">1</td> 
     <td class="price">30</td> 
     <td class="sum_one">30</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td class="total_quantity">3</td> 
     <td></td> 
     <td class="total_sum">70</td> 
    </tr> 
    </tbody> 
</table> 

<table class="table11"> 
    <tbody> 
    <tr> 
     <td>Name</td> 
     <td class="quantity">1</td> 
     <td class="price">10</td> 
     <td class="sum_one">10</td> 
    </tr> 
    <tr> 
     <td>Name</td> 
     <td class="quantity">2</td> 
     <td class="price">10</td> 
     <td class="sum_one">20</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td class="total_quantity">3</td> 
     <td></td> 
     <td class="total_sum">30</td> 
    </tr> 
    </tbody> 
</table> 

Ich mag würde alle Preise in der Tabelle und zeigt in total_sum summieren.

Ich habe dies versucht:

var sum = 0; 
var quantity = 0; 
var sum1 = 0; 
$('.price').each(function() { 
    var price = $(this); 
    var q = price.closest('tr').find('.quantity').html(); 
    sum += parseInt(price.html()) * parseInt(q); 
    quantity += parseInt(q); 
    sum1 = 0; 
    sum1 += parseInt(price.html()) * parseInt(q); 
    price.closest('tr').find('.sum_one').html(sum1); 
}); 

console.log(sum); 

$('table.table11 tr:last-child').find('.total_sum').html(sum); 

Welche nicht funktioniert, in der Konsole es die Summe protokolliert, das ist richtig, aber in den Tabellen es ändert sich nicht.

Wie kann ich die Summen in jeder der Tabellen mit der relevanten Summe des Preises aktualisieren?

Da ich Zeilen dynamisch lösche, möchte ich die Summen entsprechend aktualisieren.

https://jsfiddle.net/qfjes1zj/ .... ich werde alle Summe Tabelle nach Tabelle und nicht vollständige Summe am Ende. jede Tischsumme.

Answer 1

Versuch:

$(document).ready(function(){ 
    var sum = 0; 
var quantity = 0; 
var sum1 = 0; 
$('.price').each(function() { 
    var price = $(this); 
    var q = price.closest('tr').find('.quantity').html(); 
    sum += parseInt(price.html()) * parseInt(q); 
    quantity += parseInt(q); 
    sum1 = 0; 
    sum1 += parseInt(price.html()) * parseInt(q); 
    price.closest('tr').find('.sum_id').html(sum1); 
}); 



$('table.table11 tr:last-child').find('.total_price').html(sum); 
}); 

Berechnung nach Seite geladen wurde ausgeführt werden soll

Answer 2

Warum ist die td total_sum

<td class="total_sum">30</td> 

und aktualisieren Sie Gesamtpreis genannt ?

$('table.table11 tr:last-child').find('.total_price').html(sum); 

Es sollte nur

$('.total_sum').html(sum);