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
方法删除。