利用js添加表格,删除表格

xiaoxiao2021-02-28  112

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 方法删除。
转载请注明原文地址: https://www.6miu.com/read-38548.html

最新回复(0)