HTML列总和

Question

这可能根本不可能，但我想我会问。我可以将HTML表格列相加以获得总计吗？例如，拍摄下面的屏幕截图并总计输入/输出等于“2400-Orchard”的小时数。

我是新手，所以任何建议都会很棒。

Answer 1

是的，可以使用Javascript。

以下是工作fiddle示例的链接。

有三个div，每个div具有相同的类并包含唯一值。

<div class="cell">10</div>
<div class="cell">20</div>
<div class="cell">30</div>

jQuery用于选择具有类“cell”的所有元素，然后获取文本，将其转换为数字（在本例中为整数）并对值求和。

var sum=0

$(".cell").each(function(i) {
   sum = sum + parseInt($(this).text());
});

console.log(sum)

最终总和将打印到浏览器控制台。

编辑：

这是一个经过编辑的fiddle，其中使用jQuery的追加功能将总和添加到网页。