首页 >web前端 >js教程 >添加行(克隆)

添加行(克隆)

DDD
DDD原创
2025-01-05 00:16:40589浏览

Add Row (Clone)

今天分享一个简单的实现动态克隆和删除tr的方法,以及如何保留最后一个tr而不删除它。

*以下要求:*

  1. 附加 TR 的选择器
  2. 添加/删除选择器类
<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 按钮选择器。

请在评论部分告诉我您的疑问。

快乐编码 #Js #jQuery

以上是添加行(克隆)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn