Javascript 如何在HTML表上获取运行总和?

Javascript 如何在HTML表上获取运行总和?,javascript,Javascript,我正在寻找一个解决方案,将运行的太阳赋予一个可编辑的html表格,如电子表格: 您好,下面是一个基本示例,说明您希望使用的功能: HTML内容可编辑属性 将focusout事件附加到表格单元格的css类 一个简单的循环,当一个值发生变化时,对所有值求和 $('tbodyTest>tr').on('focusout','td.editable',(e)=>{ 设target=$(即target), 父行=$(e.target).closest('tr'), 上一行=父行。上一行(); 设置超时(

我正在寻找一个解决方案,将运行的太阳赋予一个可编辑的html表格,如电子表格:


您好,下面是一个基本示例,说明您希望使用的功能:

  • HTML内容可编辑属性
  • 将focusout事件附加到表格单元格的css类
  • 一个简单的循环,当一个值发生变化时,对所有值求和
  • $('tbodyTest>tr').on('focusout','td.editable',(e)=>{
    设target=$(即target),
    父行=$(e.target).closest('tr'),
    上一行=父行。上一行();
    设置超时(()=>{
    如果(!isNaN(target.text())){
    $('tbodyTest')。子项('tr')。每个((i,e)=>{
    $(e).find('td').last().text(数字($(e).find('td:eq(2)).text())+数字($(e).prev().find('td').last().text())
    })
    }否则{
    目标文本(“0”);
    父行find('td').last().text(“0”);
    $('tbodyTest')。子项('tr')。每个((i,e)=>{
    $(e).find('td').last().text(数字($(e).find('td:eq(2)).text())+数字($(e).prev().find('td').last().text())
    })
    }
    })
    })
    。可编辑{
    背景色:红色;
    }
    
    日期
    描述
    费用
    流水
    01-01-2019
    A.
    1000
    1000
    01-02-2019
    A.
    01-03-2019
    A.
    01-04-2019
    A.
    
    您能告诉我们您尝试了什么吗?您好,请提供您当前的代码好吗?据我所知,您希望从列cost计算行中先前值和当前值的总和,并使用可编辑的HTML表和javascript将其显示在列“running sum”上。有很多方法可以做到这一点,我们可以指导你纠正代码中的错误,但不能为你这样做。嗨,斯坦,这正是我需要的。我还有其他问题要问你。如果是否定的,我想改变结果的颜色。再次感谢您的帮助。@Real比较结果,使用此比较执行if语句,myresult小于1,然后parent_row.children(“td”).last().css(“背景”、“红色”)执行其他操作