BlogJava-laoding-文章分类-jqueryhttp://www.blogjava.net/laoding/category/39407.html本来我以为，隐身了别人就找不到我，没有用的，像我这样拉风的男人，无论走到哪里，都像在黑暗中的萤火虫一样，那样的鲜明，那样的出众。我那忧郁的眼神，稀疏的胡茬，那微微隆起的将军肚和亲切的笑容......都深深吸引了众人...... zh-cnTue, 05 May 2009 13:53:08 GMTTue, 05 May 2009 13:53:08 GMT60jquery动态表格的简单实现 http://www.blogjava.net/laoding/articles/269062.html老丁老丁Tue, 05 May 2009 13:23:00 GMThttp://www.blogjava.net/laoding/articles/269062.htmlhttp://www.blogjava.net/laoding/comments/269062.htmlhttp://www.blogjava.net/laoding/articles/269062.html#Feedback0http://www.blogjava.net/laoding/comments/commentRss/269062.htmlhttp://www.blogjava.net/laoding/services/trackbacks/269062.htmlhttp://www.blogjava.net/absolutedo/archive/2009/03/13/259488.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
    function gotoAdd(){
        var tableTrElement = $("#testTable tr");//得到表格所有行
        var len = tableTrElement.length;//得到总行数
        var tableElement = $("#testTable");//得到表格对象
        tableElement.append("<tr id=test"+(len+1)+"><td align=\'center\'>"+len+"</td><td align=\'center\'>ding"+len+"</td><td align=\'center\'><input type=\'button\' value=\'delete\' onclick=\'gotoDelete("+(len+1)+")\'/></td></tr>");
    }
    function gotoDelete(index){
        var tableTrElement = $("#testTable tr");
         if(index>tableTrElement.length){
              return;
          }else{
              $("tr[id=\'test"+index+"\']").remove(); //移除id为 "test"+index 的TR
                   for(var temp=index+1;temp<=tableTrElement.length;temp++){//循环所删除那个TR后面的所有TR
                       $("tr[id=\'test"+temp+"\']").replaceWith("<tr id=test"+(temp-1)+"><td align=\'center\'>"+(temp-2)+"</td><td align=\'center\'>ding"+(temp-2)+"</td><td align=\'center\'><input type=\'button\' value=\'delete\' onclick=\'gotoDelete("+(temp-1)+")\'/></td></tr>");
                     } 
          } 
    }
</script>
</head>

<body>
<input type="button" value="添加行" onclick="gotoAdd()">
 <table id="testTable" border="1" width="80%" align="center">
     <tr>
         <td width="20%" align="center">序号</td>
         <td align="center">标题</td>
         <td align="center">操作</td>
     </tr>    
 </table>
</body>
</html>


老丁 2009-05-05 21:23 发表评论
]]>