为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

UYOU 2022-09-23 21:28:25

我有一个代码,它使用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



查看完整描述

1 回答

?
忽然笑

TA贡献1485条经验 获得超5个赞

创建表时,应为每个“持续时间”类指定,然后循环访问每个元素并将值存储为 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


查看完整回答
反对 回复 5天前
  • 1 回答
  • 0 关注
  • 7 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信