用jquert 实现了动态删除和添加 但是删除后 行序号不减少

图片说明

     var index = $(this).attr("rowcount");//当前行
             alert("删除当前的行数index"+index);
             for(var i=index,j=(count-1);i<j;i++)
             {
                 alert("13");
                 $("tr[id=\'"+i+"\']")
                 .replaceWith( 
                         '<tr id=\"'+(i-1)+'\" >'+(i-1)+
                         '<td><input class="w100" id="one" name="one1" type="text"   style="width:660px; height:25px;"/><img id="img" rowcount=' + i +' src="<c:url value="/resources/images/add.png"/>" />'+
                         '</td>'+
                 '</tr>');
             }

怎么能删除后 让序号4 减少成3 然后5成4 各位大神帮帮忙

javascript添加删除表格数据行示例

参考以下链接代码实现：
http://my.oschina.net/zhangbudun/blog/222951

 <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
function del(self){
   $(self).parents('tr').remove();
   var cnt = 1;
   $('#mytable tr').each(function(){
       $('td:first',$(this)).html(cnt++);
   });
}
function add(self){
   var $table = $(self).parents('table');
   var $lastTr = $('tr:last',$table);
   var num = $('td:first',$lastTr).html();
   var tr = '<tr>'
    + '<td>'+(parseInt(num)+1)+'</td>'
    + '<td colspan ="4">'
+ '<input class="w100" id="meetingdate1" name="meetingdate" type="text"  />'
+ '<img src=" "  alt="删除" onclick="del(this)"/>'
+ '<img src=" "  alt="增加" onclick="add(this)"/></td>'
+'</tr>';
   $(self).parents('table').append(tr);
}
</script>
</head>
<body>
<table id='mytable'>
<tr><td>1</td>
<td colspan ="4">
<input class="w100" id="meetingdate1" name="meetingdate" type="text"  />
<img src=" "  alt='删除' onclick='del(this)'/>
<img src=" "  alt='增加' onclick='add(this)'/></td>
</tr>
</table>
</body>
</html>