页面效果:

JS代码:
1.添加表格
function insertRows(){ //获取表格对象var tb1 = $("#dictTbl");
var tempRow = $("#dictTbl tr").size();//获取表格的行数
var $tdNum = $(" ");
$tdNum.html(tempRow);
var $tdName = $(" ");
$tdName.html("");
var $tdDel = $(" ");
$tdDel.html("@@##@@");
// 创建tr,将3个td放置到tr中var $tr = $(" ");
$tr.append($tdNum);
$tr.append($tdName);
$tr.append($tdDel);//在表格的最后追加新增的tr
tb1.append($tr);
}2.删除表格
function delTableRow(rowNum){
//改变行号和删除的行号
var tb1 = $("#dictTbl");
var tempRow = $("#dictTbl tr").size();//获取表格的行数
if (tempRow >rowNum){
//获取删除行的id指定的对象,例如:
$("#"+rowNum).parent().parent().remove();
//加1表示寻找下一个id,目的是将后面tr的格式向上移动
for (i=(parseInt(rowNum)+1);i@@##@@");//
//将i-1的值赋值给文本框的id,用于删除
$("#"+i).attr("id",(i-1));//将id设置成i-1
}
}
} JSP代码:
| 编号 | 名称 | 删除 |
| 1 |
在使用










