本文共 364 字，大约阅读时间需要 1 分钟。

1. 实现效果

用户在点击删除按钮时，应删除其所在行的信息；在点击"新增"按钮时，应新增一条表格中现有的信息。

2. 实现思路

(1) 使用table+css布局创建表格结构

(2) 添加新增按钮，实现通过复制现有tr节点并插入至table中的功能(3) 删除操作，通过删除img节点所属的tr节点来实现

3. 需要掌握的知识点

(1) 基础HTML知识及table布局技巧

(2) 正确引用jQuery文件(3) jQuery选择器的使用：元素选择器、过滤选择器、类选择器(4) jQuery中对节点操作：复制、新增、删除节点及节点遍历

4. 实现步骤

步骤一：创建表格结构并设置初始样式

步骤二：添加"新增"按钮并绑定事件步骤三：实现tr节点的复制功能步骤四：绑定删除按钮的点击事件步骤五：优化代码结构并测试功能

转载地址：http://mhrfk.baihongyu.com/