在jsp中动态添加或删除,序号的排序
动态添加行
function addRow(){
var len=$("#volTab tr").length;
var tr = "<tr>";
tr+= "<td height=\"50\" width=\"5%\" align=\"center\">"+"<span>"+len+"</span>"+"</td>";
tr+= "<td width=\"40%\" valign=\"middle\" align='center'><input style=\"width:95%\" name=\"clumnName\" type=\"text\" class=\"nav_input validate[required,maxSize[50]]\" /></td>";
tr+= "<td width=\"5%\" valign=\"middle\"><a href=\"javascript:;\" onclick='removeThisRow(this)'>删除</a></td></tr>";
$("#tbody").append(tr);
}
len,我自己取的是从第二行开始的
添加的时候应该没问题,方法很多可以定义一个变量for循环添加
主要是删除的时候,
我的逻辑是先获取到,你要当前删除的行的序号
var delTr = $(remove).parent().parent().find("td").eq(0).text();
然后取到所有行的序号,遍历所有行,当序号大于你当前删除行的序号的时候就给该序号-1
$("#tbody").find("tr").each(function(i,item){
if($(item).find("td").find("span").text() > delTr){
$(item).find("td").find("span").text(($(item).find("td").find("span").text())-1);
}
});
序号改变了之后就删除改行
$(remove).parent().parent().remove();