Jquery calculate in table

Question

私はテーブルの行で計算を行います。しかし、私はいくつか問題があります。下の画像を見てみましょう。

それは26.8になるはずでした。最後の行をクリックするたびに、その行のデータが取得されます。

Answer 1

私は昨日コードを追加するのを忘れました。申し訳ありません

<script type="text/javascript"> 

    $(function() { 
     $(document).ready(function() { 
      $(".AddRow").click(function() { 
       var id = $(this).attr("data-id"); 
       var row = $('#deger tr:last'); 
       $.ajax({ 
        async: true, 
        url: '/Home/Ekle/' + id, 
        type: 'POST', 
        contentType: "application/json; charset=utf-8", 
        dataType: 'json', 
        success: function (besin) { 

         //I create the rows of the table 
         $("#deger tr:last").before("<tr><td style='height:30px;line-height:30px'>" + besin.BesinAd + 
          "</td><td style='height:30px;line-height:30px'>" + besin.KHDeger + "x" + besin.KHGram + 
          "</td><td style='height:30px;line-height:30px' class='hKh'>" + besin.KHDeger + 
          "</td><td style='height:30px;line-height:30px' class='hGr'>" + besin.KHGram + 
          "</td><td style='height:30px;line-height:30px'><input type='text' class='form-control input-xs txtHesap'></input></td><td style='height:30px;line-height:30px'><button class='btn btn-success btn-xs sil'>Sil</button></td></tr>"); 
         $(".txtHesap").focus(); 


         /*Actions to be performed when a value is entered in the textbox 
         Where only the last added line gets its value. That's my problem.*/ 

         $("#deger").on('input', '.txtHesap', function() { 
          var toplam = 0; 
          var khgr = besin.KHGram; //Values ​​from the controller 
          var kh = besin.KHDeger; //Values ​​from the controller 

          $("#deger .txtHesap").each(function() { 
           var gr = $(this).val(); 
           if ($.isNumeric(gr)) { 
            toplam += parseFloat((gr * kh)/khgr); 
           } 
          }); 

          $("#toplam").html(toplam.toFixed(2)); 
         }); 
        } 
       }); 
      }); 
     }); 
    });