从具有两个类别的列中计算两个总和

时间:2019-04-05 08:14:31

标签: javascript html arrays for-loop dom

从一个表中,我需要对其中一列的值求和。 但他们的班级将为A或B。 我要A和B的总和。

类/值

A / 3

B / 2

B / 7

A / 1

==> A总和:4 / B总和:9

此外,当我删除一行时,总和也应更改。 (不确定将其从其他代码中删除后会自动重新求和)

我当时正在考虑将if-else条件放在for循环中以分隔类,但无法弄清楚。

1 个答案:

答案 0 :(得分:1)

reduce转换为数组后使用querySelectorAll

let A = [...document.querySelectorAll("table .A")].reduce((acc, curr) => acc + +curr.innerText, 0);
let B = [...document.querySelectorAll("table .B")].reduce((acc, curr) => acc + +curr.innerText, 0);
console.log(A);
console.log(B);
<table border="1">
  <td class="A">3</td>
  <td class="B">2</td>
  <td class="B">7</td>
  <td class="A">1</td>
</table>