首页 > 其他 > 详细

点击添加一行 删除一行 改变序列号

时间:2016-11-10 02:37:57      阅读:187      评论:0      收藏:0      [点我收藏+]
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>点击删除序号</title>
</head>

<body>
<table>
    <tr>
        <td>1</td>
        <td>内容</td>
        <td><input type="button" value="删除" class="delete"></td>
    </tr>
</table>
<input type="button" value="添加" class="add">
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".add").click(function(){
            var copy=$("table tr:last").clone();
            copy.appendTo("table");
            han();
                $(".delete").click(function(){
                    $(this).parents("tr").remove();
                    
                    han();
                })
            });
            
        });
        
        
        
        
        var han=function(){
            var chang=$("table tr").length;
            for(i=0; i<chang; i++){
                //$("table tr").eq(i).find(‘td:first‘).text(i+1);
            
                    $("table tr").eq(i).find(td).eq(0).text(i+1);
            
                }
            }
</script>
</html>

 

点击添加一行 删除一行 改变序列号

原文:http://www.cnblogs.com/jinsuo/p/6049210.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!