码迷,mamicode.com
首页 > Web开发 > 详细

Jquery Table添加行、删除行

时间:2014-06-18 10:07:03      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   color   html   

html页面代码

<table id="tblUserInfo">

</table>

Js代码        

        function DealUserInfo(qty){
            if(qty>0)
            {
                var table1 = $("#tblUserInfo");
                var rowCount= $("#tblUserInfo").find("tr").length;
                //添加1行
                if(qty>rowCount)
                {
                    var i = rowCount+1;
                    var row = $("<tr></tr>"); 
                    var td = $("<td></td>"); 
                    var str = "td里面的内容";
                    td.append($(str));
                    row.append(td); 
                    table1.append(row); 
                }else 
                {
                    //减少删除最后行
                    $("#tblUserInfo tr:last").remove();
                }
            }
        }

Jquery Table添加行、删除行,布布扣,bubuko.com

Jquery Table添加行、删除行

标签:style   class   blog   code   color   html   

原文地址:http://www.cnblogs.com/lizeyan/p/3793220.html

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