添加行（克隆）

今天分享一個簡單的實作動態複製和刪除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中文網其他相關文章！