代码改变世界

Jquery Table添加行、删除行

2014-06-17 17:37  无抿屎的牛牛  阅读(374)  评论(0编辑  收藏  举报

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 row = $("<tr></tr>"); 
                    var td = $("<td></td>"); 
                    var str = "td里面的内容";
                    td.append($(str));
                    row.append(td); 
                    table1.append(row); 
                }else 
                {
                    //减少删除最后行
                    $("#tblUserInfo tr:last").remove();
                }
            }
        }