自动汇总HTML表格列，就像我们在Excel中一样

Question

我有一页具有一个html表，该表的最后一列具有数字值。

我的疑问是，当我们在Excel列中填充一些数值时，如果我们一起选择这些列，它将告诉总列数的总和。

我想在HTML Table栏中做同样的事情。这可能吗？

如果有可能有人可以帮助我吗？

有人可以帮我怎么做...我在不知道该怎么做的地方用Google搜索。

Answer 1

获取最后一列单元格，提取数字和。

const sum = Array.from(document.querySelectorAll('td:last-of-type')).
    map(x => parseFloat(x.textContent)).reduce((x, y) => x + y);
console.log(sum);

<table>
  <tr>
    <td>Foo</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Bar</td>
    <td>4</td>
  </tr>
</table>