今天分享一个简单的实现动态克隆和删除tr的方法,以及如何保留最后一个tr而不删除它。
*以下要求:*
<table> <h2> JS Code </h2> <pre class="brush:php;toolbar:false">$(document).ready(function() { $(document).on('click', '.addTr', function() { let $clone = $(this).closest('tr').clone(); $clone.find('input').val(''); $('.productServicesTbody').append($clone); }); $(document).on('click', '.removeTr', function() { if ($('.productServicesTbody tr').length > 1) { $(this).closest('tr').remove(); } }); });
这里 .addTr 是一个添加新的 tr 按钮选择器。 .removeTr 是一个添加新的 tr 按钮选择器。
请在评论部分告诉我您的疑问。
以上是添加行(克隆)的详细内容。更多信息请关注PHP中文网其他相关文章!