jQueryで、すべての該当する要素の高さを足したい

Question

<div id="block1">
・・・
</div>
<div id="block2">
・・・
</div>
<div id="block3">
・・・
</div>
<div id="block4">
・・・
</div>

みたいな形で、いくつ繰り返されるかわからないのですが、すべてのdiv[id^="block"]要素の高さの合計を取得して、サイドナビとの高さを比較する、みたいなことをやりたいと思っています。
この場合、each文などの繰り返し処理するしかないでしょうか。
何か一発で合計が出せるような関数があれば教えていただければと思います。

Answer 1

基本的にはどのやり方でもループで処理するだけです

window.addEventListener('DOMContentLoaded', async()=>{
  const sum=[...document.querySelectorAll('[id^=block]')].reduce((x,y)=>x+y.offsetHeight,0);
  console.log(sum);
});

Comments

[umioyo]

ありがとうございました。