JQuery - добавление всех чисел внутри пролета определенного класса

Question

im, почесывающий мою голову этим, я могу сделать обычное содержимое div + содержимого другого дополнения div в jquery, но я не уверен, как я собираюсь объединить содержимое всех экземпляров определенного диапазона на странице. В основном я могу создать страницу, которая извлекает информацию в нее с помощью jquery и ajax, она вытягивает счета-фактуры за выбранный месяц и отображает их в каждой строке. То, что я хочу сделать, это добавить строки вместе с классом «grandtotal», поэтому я могу отображать ежемесячную сумму счета для всех счетов-фактур за этот месяц, но я не уверен, как добавить «grandtotal» + «grandtotal» и т. Д. когда я не знаю, сколько экземпляров этого диапазона будут генерироваться каждый раз, мне как-то нужно взять номер из каждого экземпляра «grandtotal» в настоящее время на странице, а затем отобразить его в div «monthtotal». Это код, который вытягивает каждую строку счета из ajax.

$.getJSON('select.php', {monthyear: $(this).val()}, function(data){ 
       var invoicerow = ''; 
       for (var x = 0; x < data.length; x++) { 
        if (data[x]['datepaid'] == '0000-00-00'){datepaid = '<span style="color:red;">Not Paid</span>'}else{datepaid = data[x]['datepaid']}; 
        invoicerow += '<tr><td>' + data[x]['invoiceID'] + '</td><td>' + data[x]['customerID'] + '</td><td>' + data[x]['date'] + '</td><td>£' + '<span class="grandtotal">' + data[x]['grandtotal'] + '</span>' + '</td><td>' + '<a target="_NEW" href="../salesmanager/viewinvoice.php?&salesID=' + data[x]['salesID'] + '">View Invoice</a></td><td>' + datepaid + '</td></tr>'; 
       } 
       $('#summarycontent').html(invoicerow); 
       $("select").select2(); 

EDIT >>>>>

Ok поэтому я здесь до сих пор, это работает, но проблема заключается в ее умножение предыдущего месяца ..... поэтому при загрузке страницы с избранным в коробке сказано: Total:, когда его первый нажал и сказал, выберите Januaury, он говорит «0», затем выберите feb, и вы получите 1860 фунтов стерлингов, но дело в том, что в январе общее количество очков, а не фев, общее количество фунтов составляет £ 0, так что, как будто результатом является один за все время.

<script> 
        $(document).ready(function(){ 
    $('#selectmonth').on('change', function(){ 
         var sum = 0; 
$('.grandtotal').each(function(){ 
sum += parseFloat($(this).text()); 
}); 
$('#total_price').text('£' + sum); 
     }); 
      }); 
</script> 

Answer 1

Хорошо это, кажется, работает:

<script> 
        $(document).ready(function(){ 
    $('#invoices').bind('DOMNodeInserted DOMNodeRemoved', function() { 
         var sum = 0; 
$('.grandtotal').each(function(){ 
var tal = $(this).text(); 
if(isNaN(tal)) { 
sum += 0; 
}else{ 
sum += parseFloat($(this).text());}; 
}); 
$('#total_price').text('£' + sum); 
     }); 
      }); 
</script>