用js在当前页面增加一个表格

大致就是图片上的，点击增加下面的框

注：代码来自我一起实习的小伙伴

<td>
                 <a href="javascript:Foo();"  class="btn btn-success"    style=" margin-top: 1px;margin-bottom: 8px; "   style="color: #fff;">添加工作经历</a>
</td>

function Foo(){
  var tr=$("<tr></tr>");  //增加行
var trr=$("<tr></tr>");
  var trs=$("<tr></tr>");
     var trs3=$("<tr></tr>");
     var trs4=$("<tr></tr>");
var  fir='<td class="tggl-top" colspan="4">工作经历<img src="/${res}/images/member-job.png"></td>';
var firstTd='<td class="rb-n">公司名称</td><td class="rb-n"><input type="text" name="cname"    class="member-change" /></td> <td class="rb-n">职位名称</td><tdclass="b-n"><input type="text" name="pname"  class="member-change" /></td> ';     
var firstTd1='<td class="rb-n">工作开始时间</td><td class="rb-n"><input type="text" name="cstime"  class="member-change date" onclick="WdatePicker()" /></td> ';
    var firstTd2='<td class="rb-n">工作描述</td><td  colspan="3" class="b-n"><textarea rows="10" cols="50" name="cdescribe"></textarea></td> <td style="display:none;"><input type="text" name="cid"/></td><td style="display: none;"><input type="text" name="cwid"/></td> ';
    var firstTd3='<td class="rb-n">自我评价</td><td  colspan="3" class="b-n"><textarea rows="10" cols="50" name="review"></textarea></td> ';
          trr.append(fir);           //添加这个tr
  tr.append(firstTd);
  trs.append(firstTd1);
  trs3.append(firstTd2);
  trs4.append(firstTd3);
var tr1=$("#da1").before(trr)
var tr2=$("#da1").before(tr)  //之前添加
  var tr3=$("#da1").before(trs) 
  var tr4=$("#da1").before(trs3) 
  var tr5=$("#da1").before(trs4)


}