本文介绍如何使用HTML和jQuery实现表格的动态添加、删除和编辑功能。通过点击按钮，可以新增行并输入姓名；点击删除，对应行将被移除；编辑功能允许修改现有行的内容。
初始代码
https://cloud.189.cn/t/yqMRVnraEjQr (01开始)
代码如下
<!DOCTYPE html>
<!--作者：pyhui-->
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<a href="">添加信息</a>
<table border="1">
<tr>
<td>序号</td>
<td>姓名</td>
<td class="action">操作</td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td class="action">删除</td>
</tr>
</table>
</body>
</html>
界面如下
需求效果
一，新增行信息
点击添加信息，弹出模态框
模态框中只用输入姓名，然后提交
提交后，会自动在表上新增一行，序号自增1
二，当点击删除的时候，会把当前行给删除掉
三，操作列中新增 编辑功能
点击编辑， 弹出模态框，上面有当前行的相关信息，当修改后提交，会改变内容
思路分析，与解题过程：
https://blog.youkuaiyun.com/ifubing/article/details/99692945
扫一扫
1324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
