怎么使用jQuery给Table动态增加行和清空table

这篇文章主要讲解了"怎么使用jQuery给Table动态增加行和清空table"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"怎么使用jQuery给Table动态增加行和清空table"吧！

使用jQuery给Table动态增加行的代码如下所示：

JS方法如下：

$(document).ready(function(){    getFrjl();  $('#addFrjl').click(function(){  var trHTML = ''+  ''+  '从'+  '至'+  ''+  ''+  ''+  ''+  ''+  ''+  ''+  ''+  '
'+  '删除'+  '
'+  ''+  '';  $('#frjlTable tbody').append(trHTML); });  //点击保存 $('#sure').click(function(){  var frjlList = new Array();  var flag =true;    if($(".frjlClass").size()==0){  $("#jlError").html("个人简历不能为空");  return;  }else{  $(".frjlClass").each(function(i){  var frjl = {};  frjl.kssj = $(this).find('#nyks').val();  frjl.jssj = $(this).find('#nyjs').val();  frjl.gzdw = $(this).find('#frgzdw').val();  frjl.gzzw = $(this).find('#frgzzw').val();    if(frjl.kssj.length==0){  $("#jlError").html("个人简历第"+(i+1)+"行开始日期不能为空");  flag = false;  return false;  }else{  if(frjl.jssj.length>0){   var startTmp=frjl.kssj.split("-");      var endTmp=frjl.jssj.split("-");      var sd=new Date(startTmp[0],startTmp[1],startTmp[2]);      var ed=new Date(endTmp[0],endTmp[1],endTmp[2]);      if(sd.getTime()>ed.getTime()){        $("#jlError").html("个人简历第"+(i+1)+"行开始日期不能大于结束日期");       flag = false;       return false;      }   }  }    if(frjl.gzdw.trim().length==0){  $("#jlError").html("个人简历第"+(i+1)+"行工作单位不能为空");  flag = false;  return false;  }  if(frjl.gzzw.trim().length==0){  $("#jlError").html("个人简历第"+(i+1)+"行职务不能为空");  flag = false;  return false;  }    frjlList.push(frjl);  });  }    var frList = JSON.stringify(frjlList);   $("#optionList").val(frList);  if(flag){  $('#frjlForm').submit();  } });  });     function delTr(obj) {    $(obj).parents("tr").remove();  }      function getFrjl(){  var rybh = $("#fzrbh").val();  var url = "../tStglRyjlxxJson/getFrjlList.action?rybh="+rybh;  $.ajax({  url:url,  success:function(data){   var json = eval(data);   var array = new Array();   for(var i=0;i'+  '从'+  '至'+  ''+  ''+   ''+  ''+  ''+   ''+  ''+  ''+   '
'+   '删除'+   '
'+  ''+  '';   $('#frjlTable tbody').append(trHTML);      }     },  });    }   function getJsonLength(jsonObj){  var length = 0;  for(var item in jsonObj){  length ++;  }  return length;  }

jquery动态清空table的方法如下：

比如设置table的id为tab

var trHTML = "..."$("#tab").append(trHTML);//在table最后面添加一行$("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行$("#tab tr:not(:first)").empty(); //清空table（除了第一行以外）

感谢各位的阅读，以上就是"怎么使用jQuery给Table动态增加行和清空table"的内容了，经过本文的学习后，相信大家对怎么使用jQuery给Table动态增加行和清空table这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！