function addMeeting() { var html = "<tr>" + "<td><div class='form-group'><input type='text' placeholder='' class='form-control required' name='name'></div></td>" + "<td><div class='form-group'><input type='text' placeholder='' class='form-control required' name='phone'></div></td>" + "<td><div class='form-group'><input type='text' placeholder='' class='form-control' name='contents'></div></td>" + "<td><div class='form-group'><input type='text' placeholder='' class='form-control required' name='duties'></div></td>" + "<td class='text-navy'><div class='form-group'><button type='button' class='btn btn-outline btn-danger' οnclick='delMeeting(this);'>删除</button></div></td>" + "</tr>" $("#meetingUser").append(html); } function delMeeting(e) { $(e).parent().parent().parent().remove();
}
<a class="btn btn-sm btn-add" href="#" οnclick="addMeeting();"> <i class="fa fa-plus"></i> 增加 </a>
以上两个函数需要绑定两个按钮,在添加的时候,绑定onclick事件,没点击一次加一行表格,删除的时候调用节点,table位置开始一层一层往下找,直到找到input使用remove
方法删除。