如何实现表格自动合计

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
萧十郎
浏览 653回答 2
2回答

慕的地8271018

注意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的用法字符串或者数字前面加+强转成数字赋值运算符+=的使用

精慕HU

希望你能理解html代码ID字段1字段2字段3字段四数据11221252数据232164221合计js代码varshuju0=$("#shuju_0").children(),shuju1=$("#shuju_1").children(),shuju2=$("#shuju_2").children();for(vari=1;i
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript