<div id="calc-table">
<span>1</span>
<span>7</span>
<span>2</span>
....
</div>
var summ = 0;
$('#calc-table span').each(function() {
summ += $(this).text() * 1;
});
console.log(summ); // 10
console.log(
$('#calc-table span').toArray().reduce((summ, current) => +current.innerText + summ, 0);
)
Find more questions by tags HTMLJavaScriptjQuery