jsp中动态添加或删除，序号的排序

在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();