如何从在AJAX中创建的表中获取“内部文本”中的项的总和？

Question

我有一个代码，它使用AJAX从数据库中的项向表中添加行。该部分工作正常，但我需要计算我创建的行中的数字的总和，但由于某种原因，我尝试的所有内容都不起作用。我的代码 ：$.ajax({      type: "GET",      url: "http://localhost:8080/api/001,      dataType: "json",      success: function(data) {        for (var count = 0; count < data.length; count++) {          $('<tr>').append(            $('<td>').text(dateArray[0]),            $('<td class="duration">').text(dateArray[1]),          ).appendTo('#testtable');        },        error: function(jqXHR, textStatus, errorThrown) {}      });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table id="testtable">  <tr>    <th>Date</th>    <th>Duration</th>  </tr>这成功地将数据插入到表中，但我试图获取的总和，但似乎无法使其正常工作。有什么提示吗？Duration

Answer 1

创建表时，应为每个“持续时间”类指定，然后循环访问每个元素并将值存储为 int。例如：

<table id="testtable">

  <tr>

    <th>Date</th>

    <th>Duration</th>

  </tr>

  <tr class="duration"><td >5</td><td class="duration">5</td></tr>

</table>

<script>

jQuery(document).ready(function(){

    // Loop through each div element with the class box

total =0;

    $(".duration").each(function(){

        stringval = jQuery(this).text();

        num = parseInt(stringval);

total += num;

        ;

    });

    console.log(total);

});'''

</script>

这将返回10