如何实现表格自动合计

Question

ID字段1字段2字段3字段4111121314222262827合计ID字段1字段2字段3字段4111121314222262827合计刚学前端有大神知道下如何用JQ将每列自动合计到合计那里么一个页面有好多个这样的表格要统计Q_Q

Answer 1

注意HTML结构，你写了thead却没有写body，修改如下：
ID
字段1
字段2
字段3
字段4
1
11
12
13
14
2
22
26
28
27
合计
其中，thead和tbody和tfoot都分开，thead为表头不遍历，tbody为遍历部分，tfoot为汇总部分，方便jQuery选择器使用。
varsum=newArray(+$('#mytabletheadtrtd:not(:first-child)').length).fill(0);
$('#mytabletbodytr').each(function(){
$(this).children('td:not(:first-child)').each(function(){
varindex=$(this).index()-1;
sum[index]+=+$(this).text();
});
});
$('#mytable#totalRowtd:not(:first-child)').each(function(){
varindex=$(this).index()-1;
$(this).text(sum[index]);
});
Update
这里有几个知识点：
newArray()构造新数组
.fill()填充数组
选择器:not()和:first-child的用法
字符串或者数字前面加+强转成数字
赋值运算符+=的使用
                            

Answer 2

希望你能理解html代码
ID
字段1
字段2
字段3
字段四
数据1
12
21
25
2
数据2
32
16
42
21
合计
js代码
varshuju0=$("#shuju_0").children(),
shuju1=$("#shuju_1").children(),
shuju2=$("#shuju_2").children();
for(vari=1;iconsole.log($(shuju0[i]).text());
$(shuju2[i]).text($(shuju0[i]).text()*1+$(shuju1[i]).text()*1);
}