博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
 <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        function del(obj){
            $(obj).parents("tr").siblings().each(function(i){
                $(this).find("td").eq(0).html(i+1)
            })
            $(obj).parents("tr").remove();
        }
    </script>
</head>
<body>
<table>
    <tr><td>1</td><td>a</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>2</td><td>b</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>3</td><td>c</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>4</td><td>d</td><td><a onclick="del(this)">删除</a></td></tr>
 <tr><td>5</td><td>a</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>6</td><td>b</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>7</td><td>c</td><td><a onclick="del(this)">删除</a></td></tr>
    <tr><td>8</td><td>d</td><td><a onclick="del(this)">删除</a></td></tr>
 
</table>
</body>
</html>
<script type="text/javascript">
/**遍历添加动态也可以*/
        /*$('table a').each(function(){
  
     $(this).click(function(){
    
    
       $(this).parents("tr").siblings().each(function(i){
   
                $(this).find("td").eq(0).html(i+1)
            })
            $(this).parents("tr").remove();
   
   
      })
  
  })*/
</script>