jQuery对另一个div中的列表数字值求和

Posted

技术标签:

【中文标题】jQuery对另一个div中的列表数字值求和【英文标题】:jQuery sum the list numbers value in another div 【发布时间】:2018-12-07 10:01:30 【问题描述】:

创建一个输入字段,我只能在其中输入数字并提交提交按钮。按提交按钮将号码放入列表中。显示下面列表中的数字。制作一个带有“SUM” ID 的框。输入列表中数字的总和。

我被困在一个 div 中对列表数字求和。 如何在 jquery 中进行此操作?

如何确保这些数字在列表中最多保留半年?如果我开始在输入字段中输入,请确保它在会话结束时不会丢失其值,但不会永远持续下去!如果列表发生变化,请确保我在页面上显示已更新并再次计算金额。创建一个 erease(sum) 函数,当我调用它时,会从列表中删除参数中接收到的数字。

localStorage.setItem 函数?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf8">
    <title>task10</title>
    <script src="jquery-3.3.1.min.js"></script>
    <script src="task10.js"></script>

</head>
<body>

<input type="number" id="ipbox" value=""></p>

<button id="appendList">Send</button>

<ul class="listElement"></ul>
<div id="sum"></div>

</body>
</html>

$(document).ready(function()

   $('#appendList').click(function()
      $('.listElement').append($('<li>', 
           text: $('#ipbox').val()
      ));
  );


);

【问题讨论】:

来自specs:用户代理应该仅出于安全原因或在用户请求时使本地存储区域中的数据过期。您可以做的是将日期与每个值一起保存,并设置一个检查,以便在六个月过去后,所有超过六个月的值都将被忽略并从 localStorage 中删除。 你最好问两个问题。这是家庭作业吗? 请不要评判我。说你是对的。我在第 2 天一直在尝试。但我什么也没得到。一点解释和代码编写将有助于解释。谷歌无济于事,我现在完全糊涂了。对不起我的问题。我是初学者。我试图掌握它,但没有教好它。 我需要帮助来汇总 div 中的列表数字。以及如何在sum id div中写出结果。 【参考方案1】:

得到总和:

$(document).ready(function()
    let s = 0;
    $('#appendList').click(function()
        $('.listElement').append($('<li>', 
            text:$('#ipbox').val()
        ));
    s = s + parseInt($('#ipbox').val());
    $('#sum').text(s);
    );
);

【讨论】:

以上是关于jQuery对另一个div中的列表数字值求和的主要内容,如果未能解决你的问题,请参考以下文章

窗口函数:仅对另一列中的不同值求和

Jquery .each 通过另一个 Div 中的 Div

如何对另一列的分组中的一列求和?

jQuery 高级选择器

Pandas - 根据另一个列表中的索引对列表中的值求和

jQuery核心