表格添加加删除按钮

Html

<td width="11%">
   <div style="margin:0;width:100%;height:100%">
      <i style="color:green;vertical-align: middle" onclick="add_tr(this)"
         class="glyphicon glyphicon-plus-sign"></i>
      <i style="color:red;vertical-align: middle" onclick="del_tr(this)"
         class="glyphicon glyphicon-trash">
      </i>
   </div>
</td>

JS

/*2.添加行*/
function add_tr(obj){
   var trHTML =
         "<tr>" +
            "<td width=\"15%\" class=\"text\"><input class=\"form-control\" type=\"text\"></td>" +
            "<td width=\"35%\" class=\"text\"><input class=\"form-control\" type=\"text\"></td>" +
            "<td width=\"15%\" class=\"text\"><input class=\"form-control\" type=\"text\"></td>" +
            "<td width=\"24%\" class=\"text\"><input class=\"form-control\" type=\"text\" οnblur=\"check(this.value)\"" +
               "placeholder=\"0.0000\" οnkeyup=\"this.value=this.value.toString().match(/^\\d+(?:\\.\\d{0,4})?/)\"></td>" +
            "<td width=\"11%\" >" +
               "<div style=\"margin:0;width:100%;height:100%\">" +
                  "<i style=\"color:green;vertical-align: middle\" οnclick=\"add_tr(this)\" class=\"glyphicon glyphicon-plus-sign\"></i>" +
                  "&nbsp;" +
                  "<i style=\"color:red;vertical-align: middle\" οnclick=\"del_tr(this)\"  class=\"glyphicon glyphicon-trash\"></i>" +
               "</div>" +
            "</td>" +
         "</tr>";
   $("#yearLzTable").append(trHTML);//在table最后面添加一行
}

/*3删除行*/
function del_tr(obj) {
   var index = $(obj).parents("tr").index(); //这个可获取当前tr的下标
   $(obj).parents("tr").remove();
}