행 추가(복제)

오늘은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!