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

Question

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

类/值

一个 / 3

乙 / 2

乙 / 7

一个 / 1

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

此外，当我删除一行时，总和也应该更改。（不确定当我从其他代码中删除它时它会自动重新求和）

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

标签： javascripthtmlarraysfor-loopdom

Answer 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>