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

添加行(克隆)

DDD
发布: 2025-01-05 00:16:40
原创
578 人浏览过

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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板