jQuery实现表格元素动态创建功能

一、HTML结构

--

```html

添加

```

二、JavaScript处理代码详解

```javascript

$("b1").click(function(){

var $user = $("user").val(); // 获取用户输入框的值

var $mail = $("mail").val(); // 获取输入框的值

var $phone = $("phone").val(); // 获取手机输入框的值

var $td1 = $("").text($user); // 创建并设置第一个单元格的内容

var $td2 = $("").text($mail); // 创建并设置第二个单元格的内容

var $td3 = $("").text($phone); // 创建并设置第三个单元格的内容

// 创建删除链接并绑定点击事件

var $deleteLink = $("delete").click(function(){ // 创建删除链接并绑定点击事件处理函数

if(window.confirm("确定删除？")){ // 弹出确认框，确认是否删除该行数据

$(this).parent().remove(); // 如果确认删除，则移除该行数据（父元素）的DOM节点