jquery 动态增加删除行的简单实例(推荐)

```javascript

function addRow(obj){

var length = $("grid tr").length;

// 获取当前点击位置所在的层级，以便确定在哪一行后追加新行

var current = $(obj).parents().eq(2).prevAll().length; // 这里假设点击的是某个单元格或按钮来定位层级关系

// 定义要追加的内容，从tr开始构建即可

var addContent = '......'; // 根据实际需求填充内容

addTr('grid', current, addContent);

$("grid tr").each(function(index){

$(this).children('td').eq(0).text(index); // 更新序号列的内容

}

});

}

```

```javascript

function addTr(tab, row, trHtml){

// 根据传入的table id和行数获取到目标行对象$tr

// 检查目标行是否存在，如果不存在则提示错误信息并退出函数

if($tr.size() == 0){

alert("指定的table id或行数不存在！");

return;

}

// 在目标行的后面追加新的HTML内容（这里即新行）

$tr.after(trHtml); // trHtml可以是预先定义好的HTML字符串或者动态生成的HTML代码片段

}