`
a498740995
  • 浏览: 33816 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jquery动态添加table数据行

阅读更多
function   AddRow(){ 
    var vTb=$("#TbData");//得到表格ID=TbData的jquery对象        
    //所有的数据行有一个.CaseRow的Class,得到数据行的大小 
    var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行  
    var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据          
    var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone 
    vTrClone[0].id="trDataRow"+vNum;//設置 第一個Id為當前獲取索引;防止重複添加多個ID為trDataRow1的數據行;一次添加一個; 
    vTrClone.appendTo(vTb);//把副本单元格对象添加到表格下方          
}
function delRow(){
	var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行; 
    if(vNum<=2) 
    { 
         alert('请至少留一行'); 
         return; 
    }
	$("#TbData tr:last").remove(); 
}
 写道

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics