动态删除增加行

来源:互联网 发布:淘宝u站特价乐购 编辑:程序博客网 时间:2024/05/17 01:18
js
$("#btnMinus").bind("click",function(){if($("#tblFlgg tr").length>2){$("#tblFlgg tr:last").remove();}else{alert('无法再删除行了!');}});$("#btnAdd").bind("click",function(){var newRow='<tr><td><input class="standard-input" value=""></td></tr>';$("#tblFlgg tr:last").after(newRow);});


html

<div class="standard-div" id="dvFlgg" style="display:none"><div class="standard-table-div"><table class="standard-table" border="1" id="tblFlgg"><tr><td class="standard-table-title">填写规格</td></tr><tr><td style=""><span class="add-btn" id="btnAdd">+</span> <span class="minus-btn" id="btnMinus">-</span></td></tr></table></div><div class="standard-bottom-div"><!-- <div class="commit-success">提交成功</div> --><div class="standard-btn-div"><span class="commit-btn">提交</span> <span class="cancel-btn">取消</span></div></div></div>

0 0