本文介绍了如何使用jQuery实现Web表格的行添加和删除功能。内容包括前端表格结构的设置，如thead、tbody和tfoot，以及在表身部分添加ID以方便控制。在JavaScript中编写了动态调整行索引值的代码，确保添加或删除行时索引的正确更新。添加行的事件被绑定到特定表格，并在页面加载时自动添加6行。删除行的逻辑则确保不会删除最后一行，同时提供了显示和隐藏的添加与删除按钮的交互效果。
Web表格添加与删除行
开发工具与关键技术：Visual Studio 2015，jQuery，JavaScript
撰写时间：2019-02-07
下面是使用jQuery写的一个添加行以及删除行的功能。
首先把前端表的样式写出来，这里是使用bsgrid表格写的，所以表结构分为三部分：表头（thead）、表身（tbody）以及表尾（tfoot）
而我在表身部分添加了个id方便控制，同时也没有在表身部分写div里面写样式的代码，而在script标签里写（方便调用样式和索引值的改变）
下图是script标签里写的表身的样式代码，以及行索引值随着添加或删除自动改变
在添加商品行事件的结尾处，
要将添加行事件在对应的table表格中
在自动添加行的时候调用addrow方法，让在刷新页面的时候自动添加六行
//自动循环6次添加行事件
$(document).ready(function () {
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
