码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-11-10 02:39:13      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:ready   let   end   i++   set   one   this   ext   type   

<!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>

 

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

标签:ready   let   end   i++   set   one   this   ext   type   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!