如何实现表格自动合计

Question

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

Answer 1

注意HTML结构，你写了thead却没有写body，修改如下：ID字段1字段2字段3字段4111121314222262827合计其中，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字段四数据11221252数据232164221合计js代码varshuju0=$("#shuju_0").children(),shuju1=$("#shuju_1").children(),shuju2=$("#shuju_2").children();for(vari=1;i