一个很棘手的添加删除控件的问题？

<div id="t1">
  <div id="s1"><input type="text" id="pic1" name="pic1" /><input type="button" id="delBtn1" onclick="removeItem(1)"></div>
  <div id="s2"><input type="text" id="pic2" name="pic2" /><input type="button" id="delBtn2" onclick="removeItem(2)"></div>
  <div id="s3"><input type="text" id="pic3" name="pic3" /><input type="button" id="delBtn3" onclick="removeItem(3)"></div>
  <div id="s4"><input type="text" id="pic4" name="pic4" /><input type="button" id="delBtn4" onclick="removeItem(4)"></div>
</div>
<script src="js/jquery.js"></script>
<script>
function removeItem(strId){
   $("#s"+strId).remove();
}
</script>问题：当我删除了id=s2的div后，我想让后面的代码如下：<div id="s2"><input type="text" id="pic2" name="pic2" /><input type="button" id="delBtn2" onclick="removeItem(2)"></div>
  <div id="s3"><input type="text" id="pic3" name="pic3" /><input type="button" id="delBtn3" onclick="removeItem(3)"></div>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

当我删除了<div id=s2>后，后面的input控件的name与id的属性值都要-1，pic3-->pic2,pic4-->pic3,因为我这是个提交表单，在后台save.aspfor i = 1 to 3
  conn.execute("insert into tb() values('"&request.form("pic"&i)&"')")
next
相当麻烦，只能说设计不合理我觉得可以换个思路，删除最后一个，然后文本框的value：3->2, 4->3
没法子，兄弟。
<script>
function removeItem(strId){
   $("#s"+strId).remove();
}
//只好删除后把删除了的那个ID数以后的所有有关控件的ID都循环修改一遍：
for (var i=strId+1;i<控件总数;i++){
  .......................
}
</script>
我在javaeye里看到别人写的是，当我删除了第2行时，我只把最后一行删除，即可！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>删除某行.html</title>
<script src="js/jquery.js"></script>
<script>
var total = 4; //总行数
function removeItem(){
   for (var i = 1 ;i < total; i++) {
    var j = i+1;
    var big = $("#pic"+j)[0].value;
   $("#pic"+i)[0].value = big;
   }
   $("#s"+total).remove();
   total--;
}
</script>
  </head>

  <body>
   <div id="t1">
  <div id="s1"><input type="text" id="pic1" name="pic1" /><input type="button" id="delBtn1" onclick="removeItem(1)" value="delete"></div>
  <div id="s2"><input type="text" id="pic2" name="pic2" /><input type="button" id="delBtn2" onclick="removeItem(2)" value="delete"></div>
  <div id="s3"><input type="text" id="pic3" name="pic3" /><input type="button" id="delBtn3" onclick="removeItem(3)" value="delete"></div>
  <div id="s4"><input type="text" id="pic4" name="pic4" /><input type="button" id="delBtn4" onclick="removeItem(4)" value="delete"></div>
</div>
  </body>
</html>